/* Midnight theme (default) */
:root,
:root[data-theme="midnight"] {
    --background: #0d0f12;
    --surface: #15181d;
    --surface-hover: #1c2026;

    --text-primary: #f4f4f5;
    --text-secondary: #a1a1aa;
    --text-on-accent: #ffffff;
    --text-on-danger: #0d0f12;

    --accent: #8b7cf6;
    --border: #272a30;
    --border-hover: #343840;

    --success: #65c18c;
    --danger: #e57373;

    --dropdown-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);

    --card-hover-shadow: 0 10px 28px rgba(0, 0, 0, 0.25);

    --orbit-card-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);

    --hero-overlay-medium: rgba(13,15,18,0.65);
    --hero-overlay-light: rgba(13,15,18,0.1);

    --scrollbar-thumb: #343842;
}


/* Sakura theme */
:root[data-theme="sakura"] {
    --background: #fff3f6;
    --surface: #ffffff;
    --surface-hover: #fce4ec;

    --text-primary: #392733;
    --text-secondary: #806575;
    --text-on-accent: #ffffff;
    --text-on-danger: #ffffff;

    --accent: #c6538c;
    --border: #efd4e0;
    --border-hover: #d7a9b4;

    --success: #38875b;
    --danger: #c64c60;

    --dropdown-shadow: 0 12px 32px rgba(80, 35, 60, 0.12);

    --card-hover-shadow: 0 10px 28px rgba(80, 35, 60, 0.12);

    --orbit-card-shadow: 0 18px 45px rgba(80, 35, 60, 0.16);

    --hero-overlay-medium: rgba(255,243,246,0.65);
    --hero-overlay-light: rgba(255,243,246,0.1);

    --scrollbar-thumb: #d7a9bf;
}


/* Ocean theme */
:root[data-theme="ocean"] {
    --background: #0b1924;
    --surface: #122736;
    --surface-hover: #1b394b;

    --text-primary: #e8f5f8;
    --text-secondary: #a1bdc9;
    --text-on-accent: #081b24;
    --text-on-danger: #0b1924;

    --accent: #38b6c9;
    --border: #2a4656;
    --border-hover: #3d687a;

    --success: #65c9a0;
    --danger: #f08080;

    --dropdown-shadow: 0 12px 32px rgba(0, 0, 0, 0.30);

    --card-hover-shadow: 0 10px 28px rgba(0, 0, 0, 0.30);

    --orbit-card-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);

    --hero-overlay-medium: rgba(11,25,36,0.65);
    --hero-overlay-light: rgba(11,25,36,0.1);

    --scrollbar-thumb: #345b6c;
}


/* Forest theme */
:root[data-theme="forest"] {
    --background: #101c17;
    --surface: #192b22;
    --surface-hover: #263c30;

    --text-primary: #e8f1e8;
    --text-secondary: #afc3b2;
    --text-on-accent: #102018;
    --text-on-danger: #101c17;

    --accent: #83bb91;
    --border: #354b3b;
    --border-hover: #4b7058;

    --success: #7fcf8d;
    --danger: #e08080;

    --dropdown-shadow: 0 12px 32px rgba(0, 0, 0, 0.30);

    --card-hover-shadow: 0 10px 28px rgba(0, 0, 0, 0.30);

    --orbit-card-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);

    --hero-overlay-medium: rgba(16,28,23,0.65);
    --hero-overlay-light: rgba(16,28,23,0.1);

    --scrollbar-thumb: #456b53;
}


/* Ember theme */
:root[data-theme="ember"] {
    --background: #241916;
    --surface: #30221e;
    --surface-hover: #3d2c26;

    --text-primary: #f6e9dc;
    --text-secondary: #c6aa99;

    --accent: #e89b62;
    --border: #48352d;
    --border-hover: #76503a;

    --success: #9cc88a;
    --danger: #e08080;

    --text-on-accent: #241916;
    --text-on-danger: #241916;

    --scrollbar-thumb: #76503a;

    --dropdown-shadow: 0 12px 32px rgba(0, 0, 0, 0.3);
    --card-hover-shadow: 0 10px 28px rgba(0, 0, 0, 0.3);
    --orbit-card-shadow: 0 18px 45px rgba(0, 0, 0, 0.4);

    --hero-overlay-medium: rgba(36, 25, 22, 0.75);
    --hero-overlay-light: rgba(36, 25, 22, 0.15);
}

:root {
    --gallery-overlay-background: rgba(13, 15, 18, 0.85);
    --gallery-overlay-border: rgba(255, 255, 255, 0.12);
    --gallery-overlay-text: #f4f4f5;

    /* Shared image overlay colors */
    --showcase-overlay-strong: rgba(13, 15, 18, 0.95);
    --showcase-overlay-medium: rgba(13, 15, 18, 0.75);
    --showcase-overlay-light: rgba(13, 15, 18, 0.15);
}