/* ═══════════════════════════════════════════════
   Global Visa Way — Theme Variable Overrides
   Theme ownership lives in CSS. JavaScript only changes data-theme.
═══════════════════════════════════════════════ */

html[data-theme="charcoal"] {
    color-scheme: dark;
}

html[data-theme="warm"] {
    color-scheme: dark;
    --n900: #1A1512;
    --n800: #231C17;
    --n750: #2B221B;
    --n700: #342820;
    --n600: #3E3028;
    --n500: #4A3830;
    --gold: #F0A830;
    --gold-l: #FBCA6A;
    --gold-d: #C4820E;
    --gold-glow: rgba(240, 168, 48, 0.22);
    --tl: #C9B8A8;
    --tm: #8C7A6A;
    --white: #FFFFFF;
    --nav-text: rgba(255, 255, 255, 0.75);
    --footer-bg: var(--n900);
    --contact-bg: var(--n750);
    --footer-text: var(--tl);
    --footer-text-muted: var(--tm);
    --footer-logo-text: var(--white);
    --footer-border: rgba(255, 255, 255, 0.05);
    --footer-s-btn-bg: rgba(255, 255, 255, 0.04);
    --footer-s-btn-bdr: rgba(255, 255, 255, 0.07);
    --topbar-bg: var(--n900);
    --topbar-border: var(--gold-a12);
    --cold-rgb: 100, 155, 200;
    --cold-hex: #649BC8;
    --nav-bg: rgba(35, 28, 23, 0.97);
    --card-bg: rgba(43, 34, 27, 0.92);
    --stats-bg: rgba(26, 21, 18, 0.78);
    --sky-start: #1A1512;
    --sky-mid: #231C17;
    --sky-end: #2B221B;
    --sky-b1: rgba(80, 45, 15, 0.70);
    --sky-b2: rgba(55, 30, 10, 0.55);
    --sky-b3: rgba(40, 22, 8, 0.40);
    --section-alt: rgba(26, 18, 14, 0.55);
    --surface-1: rgba(255, 255, 255, 0.025);
    --surface-2: rgba(255, 255, 255, 0.030);
    --surface-3: rgba(255, 255, 255, 0.035);
    --surface-4: rgba(255, 255, 255, 0.040);
    --surface-input: rgba(255, 255, 255, 0.050);
    --input-hover: rgba(255, 255, 255, 0.070);
    --cat-overlay: rgba(10, 6, 3, 0.88);
    --thumb-dark: rgba(26, 18, 14, 0.85);
    --border-soft: rgba(255, 255, 255, 0.06);
    --border-mid: rgba(255, 255, 255, 0.07);
    --border-med: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.09);
    --border-bold: rgba(255, 255, 255, 0.10);
    --text-faint: rgba(255, 255, 255, 0.55);
    --text-dim: rgba(255, 255, 255, 0.72);
    --text-body: rgba(255, 255, 255, 0.75);
    --text-strong: rgba(255, 255, 255, 0.88);
    --gold-a04: rgba(240, 168, 48, 0.04);
    --gold-a05: rgba(240, 168, 48, 0.05);
    --gold-a06: rgba(240, 168, 48, 0.06);
    --gold-a07: rgba(240, 168, 48, 0.07);
    --gold-a08: rgba(240, 168, 48, 0.08);
    --gold-a09: rgba(240, 168, 48, 0.09);
    --gold-a10: rgba(240, 168, 48, 0.10);
    --gold-a12: rgba(240, 168, 48, 0.12);
    --gold-a15: rgba(240, 168, 48, 0.15);
    --gold-a16: rgba(240, 168, 48, 0.16);
    --gold-a18: rgba(240, 168, 48, 0.18);
    --gold-a20: rgba(240, 168, 48, 0.20);
    --gold-a22: rgba(240, 168, 48, 0.22);
    --gold-a25: rgba(240, 168, 48, 0.25);
    --gold-a30: rgba(240, 168, 48, 0.30);
    --gold-a35: rgba(240, 168, 48, 0.35);
    --gold-a38: rgba(240, 168, 48, 0.38);
    --gold-a40: rgba(240, 168, 48, 0.40);
    --gold-a45: rgba(240, 168, 48, 0.45);
    --gold-a50: rgba(240, 168, 48, 0.50);
    --gold-a55: rgba(240, 168, 48, 0.55);
    --gold-a65: rgba(240, 168, 48, 0.65);
    --gold-a70: rgba(240, 168, 48, 0.70);
}

html[data-theme="ocean"] {
    color-scheme: dark;
    --n900: #0D1F2D;
    --n800: #132839;
    --n750: #183244;
    --n700: #1D3C4F;
    --n600: #22475B;
    --n500: #285268;
    --gold: #4DD8CC;
    --gold-l: #8FEAE3;
    --gold-d: #2BB5A9;
    --gold-glow: rgba(77, 216, 204, 0.22);
    --tl: #92B8CC;
    --tm: #5A8499;
    --white: #FFFFFF;
    --nav-text: rgba(255, 255, 255, 0.75);
    --footer-bg: var(--n900);
    --contact-bg: var(--n750);
    --footer-text: var(--tl);
    --footer-text-muted: var(--tm);
    --footer-logo-text: var(--white);
    --footer-border: rgba(255, 255, 255, 0.05);
    --footer-s-btn-bg: rgba(255, 255, 255, 0.04);
    --footer-s-btn-bdr: rgba(255, 255, 255, 0.07);
    --topbar-bg: var(--n900);
    --topbar-border: var(--gold-a12);
    --cold-rgb: 120, 220, 255;
    --cold-hex: #78DCFF;
    --nav-bg: rgba(19, 40, 57, 0.97);
    --card-bg: rgba(24, 50, 68, 0.92);
    --stats-bg: rgba(13, 31, 45, 0.78);
    --sky-start: #0D1F2D;
    --sky-mid: #132839;
    --sky-end: #183244;
    --sky-b1: rgba(10, 60, 100, 0.75);
    --sky-b2: rgba(8, 45, 75, 0.60);
    --sky-b3: rgba(5, 30, 55, 0.40);
    --section-alt: rgba(8, 25, 38, 0.55);
    --surface-1: rgba(255, 255, 255, 0.025);
    --surface-2: rgba(255, 255, 255, 0.030);
    --surface-3: rgba(255, 255, 255, 0.035);
    --surface-4: rgba(255, 255, 255, 0.040);
    --surface-input: rgba(255, 255, 255, 0.050);
    --input-hover: rgba(255, 255, 255, 0.070);
    --cat-overlay: rgba(4, 12, 20, 0.88);
    --thumb-dark: rgba(8, 25, 38, 0.85);
    --border-soft: rgba(255, 255, 255, 0.06);
    --border-mid: rgba(255, 255, 255, 0.07);
    --border-med: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.09);
    --border-bold: rgba(255, 255, 255, 0.10);
    --text-faint: rgba(255, 255, 255, 0.55);
    --text-dim: rgba(255, 255, 255, 0.72);
    --text-body: rgba(255, 255, 255, 0.75);
    --text-strong: rgba(255, 255, 255, 0.88);
    --gold-a04: rgba(77, 216, 204, 0.04);
    --gold-a05: rgba(77, 216, 204, 0.05);
    --gold-a06: rgba(77, 216, 204, 0.06);
    --gold-a07: rgba(77, 216, 204, 0.07);
    --gold-a08: rgba(77, 216, 204, 0.08);
    --gold-a09: rgba(77, 216, 204, 0.09);
    --gold-a10: rgba(77, 216, 204, 0.10);
    --gold-a12: rgba(77, 216, 204, 0.12);
    --gold-a15: rgba(77, 216, 204, 0.15);
    --gold-a16: rgba(77, 216, 204, 0.16);
    --gold-a18: rgba(77, 216, 204, 0.18);
    --gold-a20: rgba(77, 216, 204, 0.20);
    --gold-a22: rgba(77, 216, 204, 0.22);
    --gold-a25: rgba(77, 216, 204, 0.25);
    --gold-a30: rgba(77, 216, 204, 0.30);
    --gold-a35: rgba(77, 216, 204, 0.35);
    --gold-a38: rgba(77, 216, 204, 0.38);
    --gold-a40: rgba(77, 216, 204, 0.40);
    --gold-a45: rgba(77, 216, 204, 0.45);
    --gold-a50: rgba(77, 216, 204, 0.50);
    --gold-a55: rgba(77, 216, 204, 0.55);
    --gold-a65: rgba(77, 216, 204, 0.65);
    --gold-a70: rgba(77, 216, 204, 0.70);
}

html[data-theme="light"] {
    color-scheme: light;
    --n900: #F0E8D8;
    --n800: #1C2A3A;
    --n750: #E8DFC8;
    --n700: #DDD4BA;
    --n600: #D1C8AB;
    --n500: #C4BB9C;
    --gold: #C4830A;
    --gold-l: #E09B18;
    --gold-d: #9E6608;
    --gold-glow: rgba(196, 131, 10, 0.22);
    --tl: #3D4E61;
    --tm: #7A8FA3;
    --white: #1C2A3A;
    --nav-text: rgba(255, 255, 255, 0.80);
    --footer-bg: #1C2A3A;
    --contact-bg: #253444;
    --footer-text: rgba(255, 255, 255, 0.68);
    --footer-text-muted: rgba(255, 255, 255, 0.42);
    --footer-logo-text: rgba(255, 255, 255, 0.92);
    --footer-border: rgba(255, 255, 255, 0.08);
    --footer-s-btn-bg: rgba(255, 255, 255, 0.06);
    --footer-s-btn-bdr: rgba(255, 255, 255, 0.10);
    --topbar-bg: #1C2A3A;
    --topbar-border: var(--gold-a20);
    --cold-rgb: 90, 130, 170;
    --cold-hex: #5A82AA;
    --nav-bg: rgba(28, 42, 58, 0.97);
    --card-bg: rgba(237, 232, 223, 0.95);
    --stats-bg: rgba(210, 198, 175, 0.90);
    --sky-start: #F0E8D8;
    --sky-mid: #E8DFC8;
    --sky-end: #DDD4BA;
    --sky-b1: rgba(120, 85, 20, 0.18);
    --sky-b2: rgba(100, 70, 15, 0.12);
    --sky-b3: rgba(80, 55, 10, 0.08);
    --section-alt: rgba(228, 221, 211, 0.70);
    --surface-1: rgba(255, 255, 255, 0.60);
    --surface-2: rgba(255, 255, 255, 0.50);
    --surface-3: rgba(255, 255, 255, 0.55);
    --surface-4: rgba(196, 131, 10, 0.06);
    --surface-input: rgba(255, 255, 255, 0.70);
    --input-hover: rgba(255, 255, 255, 0.85);
    --cat-overlay: rgba(28, 42, 58, 0.88);
    --thumb-dark: rgba(28, 42, 58, 0.72);
    --border-soft: rgba(0, 0, 0, 0.09);
    --border-mid: rgba(0, 0, 0, 0.10);
    --border-med: rgba(0, 0, 0, 0.11);
    --border-strong: rgba(0, 0, 0, 0.12);
    --border-bold: rgba(0, 0, 0, 0.13);
    --text-faint: rgba(28, 42, 58, 0.60);
    --text-dim: rgba(28, 42, 58, 0.78);
    --text-body: rgba(28, 42, 58, 0.82);
    --text-strong: rgba(28, 42, 58, 0.92);
    --gold-a04: rgba(196, 131, 10, 0.04);
    --gold-a05: rgba(196, 131, 10, 0.05);
    --gold-a06: rgba(196, 131, 10, 0.06);
    --gold-a07: rgba(196, 131, 10, 0.07);
    --gold-a08: rgba(196, 131, 10, 0.08);
    --gold-a09: rgba(196, 131, 10, 0.09);
    --gold-a10: rgba(196, 131, 10, 0.10);
    --gold-a12: rgba(196, 131, 10, 0.12);
    --gold-a15: rgba(196, 131, 10, 0.15);
    --gold-a16: rgba(196, 131, 10, 0.16);
    --gold-a18: rgba(196, 131, 10, 0.18);
    --gold-a20: rgba(196, 131, 10, 0.20);
    --gold-a22: rgba(196, 131, 10, 0.22);
    --gold-a25: rgba(196, 131, 10, 0.25);
    --gold-a30: rgba(196, 131, 10, 0.30);
    --gold-a35: rgba(196, 131, 10, 0.35);
    --gold-a38: rgba(196, 131, 10, 0.38);
    --gold-a40: rgba(196, 131, 10, 0.40);
    --gold-a45: rgba(196, 131, 10, 0.45);
    --gold-a50: rgba(196, 131, 10, 0.50);
    --gold-a55: rgba(196, 131, 10, 0.55);
    --gold-a65: rgba(196, 131, 10, 0.65);
    --gold-a70: rgba(196, 131, 10, 0.70);
}