/* Blessed brand tokens, taken from the logo: antique gold on warm ivory,
   with a deep charcoal for hero bands and dark mode. */
:root {
  --gold: #c9a961;              /* logo gold */
  --primary: #b8923f;           /* fills: buttons, bars, active marks */
  --primary-dark: #7e6224;      /* gold text and links on light surfaces */
  --primary-light: #f6eedc;     /* tinted backgrounds */
  --primary-ink: #17130c;       /* text on gold fills */
  --bg: #faf8f3;
  --surface: #ffffff;
  --surface-2: #f6f2e9;
  --surface-3: #ede6d6;
  --line: #e8e1d1;
  --line-strong: #d6cbb2;
  --text: #1c1913;
  --text-2: #5a5244;
  --text-3: #7d745f;
  --charcoal: #16130f;          /* hero bands, sign-in panel, ID card */
  --charcoal-2: #221d15;
  --on-charcoal: #f4efe4;
  --on-charcoal-2: #c9bfa9;
  --success: #2f9e44;
  --success-ink: #237a34;
  --success-bg: #e7f5ea;
  --info: #3b7bc0;
  --info-ink: #2a5f99;
  --info-bg: #e8f0f9;
  --warning: #e3a21a;
  --warning-ink: #9a6a06;
  --warning-bg: #fdf3dc;
  --danger: #d9534f;
  --danger-ink: #b23b37;
  --danger-bg: #fbe9e8;
  --neutral-bg: #efece5;
  --neutral-ink: #5f5849;
  /* Chart series (validated for colour-blind separation): us / other agencies / developer direct */
  --series-us: #a9822f;
  --series-3p: #3d6fae;
  --series-dev: #b4467c;
  --series-avail: #e3dccb;

  --shadow-sm: 0 1px 2px rgba(28, 25, 19, 0.05);
  --shadow: 0 1px 2px rgba(28, 25, 19, 0.04), 0 6px 18px rgba(92, 70, 24, 0.07);
  --shadow-lg: 0 14px 40px rgba(22, 19, 15, 0.2);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-xs: 6px;

  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Manrope', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --sidebar-w: 256px;
  --topbar-h: 60px;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --primary: #c9a961;
    --primary-dark: #e2c98f;
    --primary-light: #2a2316;
    --primary-ink: #17130c;
    --bg: #110f0b;
    --surface: #191612;
    --surface-2: #211d17;
    --surface-3: #2a251d;
    --line: #2f2920;
    --line-strong: #43392a;
    --text: #f2ede3;
    --text-2: #c9bfab;
    --text-3: #a0967f;
    --charcoal: #0c0a08;
    --charcoal-2: #18140e;
    --success-ink: #6fd083;
    --success-bg: #17291b;
    --info-ink: #86b3e6;
    --info-bg: #16222f;
    --warning-ink: #f2c35e;
    --warning-bg: #33280f;
    --danger-ink: #f08c88;
    --danger-bg: #351b1a;
    --neutral-bg: #26221b;
    --neutral-ink: #bdb4a2;
    --series-us: #a9822f;
    --series-3p: #5b8fd2;
    --series-dev: #d0679b;
    --series-avail: #3a3326;
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 6px 18px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.55);
    color-scheme: dark;
  }
}
:root[data-theme='dark'] {
  --primary: #c9a961;
  --primary-dark: #e2c98f;
  --primary-light: #2a2316;
  --primary-ink: #17130c;
  --bg: #110f0b;
  --surface: #191612;
  --surface-2: #211d17;
  --surface-3: #2a251d;
  --line: #2f2920;
  --line-strong: #43392a;
  --text: #f2ede3;
  --text-2: #c9bfab;
  --text-3: #a0967f;
  --charcoal: #0c0a08;
  --charcoal-2: #18140e;
  --success-ink: #6fd083;
  --success-bg: #17291b;
  --info-ink: #86b3e6;
  --info-bg: #16222f;
  --warning-ink: #f2c35e;
  --warning-bg: #33280f;
  --danger-ink: #f08c88;
  --danger-bg: #351b1a;
  --neutral-bg: #26221b;
  --neutral-ink: #bdb4a2;
  --series-us: #a9822f;
  --series-3p: #5b8fd2;
  --series-dev: #d0679b;
  --series-avail: #3a3326;
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.35), 0 6px 18px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 14px 40px rgba(0, 0, 0, 0.55);
  color-scheme: dark;
}