[data-theme="gold"] {
    /* ── Brand Palette ── */
    --gold-bright: #d4af37;
    --gold-light: #f0d060;
    --gold-mid: #b8860b;
    --gold-deep: #7a5800;
    --gold-faint: #3a2c00;

    /* ── Surface Stack ── */
    --surface-void: #060502;
    --surface-base: #0a0804;
    --surface-card: #100e07;
    --surface-elevated: #181309;
    --surface-overlay: #201a0c;
    --surface-overlay-rgb: 32,26,12;

    /* ── Semantic Colours ── */
    --color-success: #3d9e5f;
    --color-danger: #c93030;
    --color-warning: #E8871E; /* CHANGED: was == --gold-bright (accent collision) */
    --color-info: #3a78c9;
    --success-rgb: 61,158,95;
    --danger-rgb: 201,48,48;
    --info-rgb: 58,120,201;
    --black-rgb: 0,0,0;
    --white-rgb: 255,255,255;

    /* ── Text ── */
    --text-primary: #f5edd4;
    --text-secondary: #a89060;
    --text-muted: #a0895a; /* CHANGED: was #5a4a2a (2.25:1) → 5.7:1, passes AA */
    --text-disabled: #382e18;
    --text-on-gold: #060401;
    --text-on-accent: #060401;
    --text-on-danger: #ffffff;
    --text-on-success: #ffffff;
    --color-scheme-mode: dark;
    --inset-highlight: rgba(255,255,255,0.2);

    /* ── Themed Surface/Background Values ── */
    --navbar-bg: rgba(8,6,2,0.92);
    --hero-bg-solid: #070602;
    --hero-radial-secondary: rgba(120,80,0,0.2);
    --hero-radial-tertiary: rgba(60,40,0,0.15);
    --hero-bg-clear: #07060300;
    --card-gradient-start: rgba(18,14,6,1);
    --card-gradient-end: rgba(10,8,3,1);
    --card-gradient-alt-start: rgba(16,12,5,1);
    --card-gradient-alt-end: rgba(10,8,3,1);
    --footer-bg: #030201;
    --ticker-strip-accent: rgba(184,134,11,0.08);
    --section-header-accent: rgba(184,134,11,0.05);
    --status-live: #e03030;
    --status-live-bg: rgba(220,30,30,0.1);
    --status-live-border: rgba(220,30,30,0.3);
    --status-up: #4caf70;
    --status-down: #FF6B6B; /* CHANGED: was #e04040 (~4.6:1) → 7.0:1, readable loss-red */
    --rank-silver: #c0c0c0;
    --rank-bronze: #cd7f32;
    --danger-hover-bg: #e03535;
    --danger-shadow: rgba(201,48,48,0.35);
    --success-shadow: rgba(61,158,95,0.35);
    --alert-info-bg: rgba(58,120,201,0.1);
    --alert-info-border: rgba(58,120,201,0.25);
    --alert-danger-bg: rgba(201,48,48,0.1);
    --alert-danger-border: rgba(201,48,48,0.25);
    --alert-success-bg: rgba(61,158,95,0.1);
    --alert-success-border: rgba(61,158,95,0.25);
    --icon-remove-hover: #f7e09a;

    /* ── Theme Assets ── */
    --logo-image: url('/images/logo.svg');
    --logo-fill: var(--gold-bright);
    --logo-default-display: block;
    --logo-custom-display: none;
    --home-bg-image: url('/images/background-gold.png');
    --home-bg-size: cover;
    --home-bg-position: center center;

    /* ── Borders (CHANGED: restore faint/mid/strong hierarchy; mid==strong made
          every base-CSS hover border-change a no-op) ── */
    --border-faint: var(--accent-soft-08);
    --border-mid: var(--accent-soft-14);
    --border-strong: var(--accent-soft-35);
    --gold-border: var(--border-mid);
    --gold-border-hi: var(--border-strong);

    /* ── Shadows (CHANGED: black-first for depth, faint gold bloom) ── */
    --shadow-gold-sm: 0 2px 10px rgba(0,0,0,0.45);
    --shadow-gold-md: 0 4px 24px rgba(0,0,0,0.55), 0 0 24px var(--accent-soft-05);
    --shadow-gold-lg: 0 10px 50px rgba(0,0,0,0.65), 0 0 40px var(--accent-soft-08);
    --shadow-gold: var(--shadow-gold-md);

    /* ── Accent helpers ──
       NOTE: the --accent-soft-* ramp is defined in gridiron-gold-base.css from
       --accent-rgb and resolves per-element, so overriding --accent-rgb alone
       recolors the whole ramp. Redeclaring it here is unnecessary. */
    --accent-rgb: 212,175,55;
    --gold-glow: var(--accent-soft-10);

    /* ── Radius ── */
    --radius-xs: 3px;
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 14px;

    /* ── Motion ── */
    --ease-out: cubic-bezier(0.2,0.8,0.2,1);
    --duration: 0.22s;
    --transition: all var(--duration) var(--ease-out);

    /* ── Typography ── */
    --font-display: 'Bebas Neue', sans-serif;
    --font-ui: 'Barlow Condensed', sans-serif;
    --font-body: 'Barlow', sans-serif;
    --font-copy: var(--font-body);
}