/* =========================================================
   SCQ ARCHIVE DESIGN SYSTEM
========================================================= */


/* =========================================================
   SHARED BRAND VALUES
========================================================= */

:root {

  --font-display:
    "Cormorant Garamond",
    Georgia,
    serif;

  --font-body:
    "Inter",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;


  /* Brand colours */

  --gold-100: #f8edd0;
  --gold-200: #ead49d;
  --gold-300: #d9b96f;
  --gold-400: #c69a48;
  --gold-500: #a97932;

  --blue-400: #3977bd;
  --blue-500: #285b99;

  --red-400: #a44c56;
  --red-500: #843740;


  /* Section identities */

  --section-alternate: #b28a42;

  --section-minutes: #356ba6;

  --section-buzzer: #934751;


  /* Geometry */

  --radius-xs: 5px;
  --radius-sm: 8px;
  --radius-md: 13px;
  --radius-lg: 19px;
  --radius-xl: 27px;


  /* Animation */

  --transition-fast:
    140ms ease;

  --transition:
    200ms ease;

}



/* =========================================================
   LIGHT THEME
   Day archive / ivory paper / navy cloth
========================================================= */

:root,
[data-theme="light"] {

  color-scheme: light;


  /* Main backgrounds */

  --page-bg: #f2ecdf;

  --page-bg-secondary: #ebe2d2;

  --surface: #fffdf7;

  --surface-raised: #ffffff;

  --surface-soft: #f8f2e8;

  --surface-muted: #eee4d4;


  /* Paper */

  --paper: #fffaf0;

  --paper-deep: #f5ead8;

  --paper-line: rgba(114, 87, 52, 0.16);


  /* Navigation */

  --nav-bg: #091529;

  --nav-bg-secondary: #10213d;

  --nav-text: #f9f5ed;

  --nav-muted: #9da7b8;


  /* Text */

  --text: #192235;

  --text-secondary: #3f4858;

  --text-muted: #77746d;

  --text-faint: #9b958b;


  /* Borders */

  --border: #dfd3bf;

  --border-soft: #ebe2d4;

  --border-strong: #c6b596;


  /* Accent */

  --accent: #b98d42;

  --accent-hover: #96702f;

  --accent-text: #7a5926;

  --accent-soft: #f6ead0;


  /* Primary action */

  --primary: #19467c;

  --primary-hover: #123762;

  --primary-soft: #e7eef8;

  --primary-text: #ffffff;


  /* Answers */

  --answer: #317354;

  --answer-soft: #e9f5ee;


  /* Status */

  --success: #397454;

  --success-soft: #e9f5ed;

  --warning: #a67128;

  --warning-soft: #fbf0d8;

  --danger: #9c3e46;

  --danger-soft: #f9e8e9;


  /* Shadows */

  --shadow-xs:
    0 1px 2px rgba(38, 28, 17, 0.05);

  --shadow-sm:
    0 4px 12px rgba(38, 28, 17, 0.06);

  --shadow-md:
    0 12px 30px rgba(38, 28, 17, 0.10);

  --shadow-lg:
    0 28px 70px rgba(26, 19, 12, 0.16);


  /* Decorative */

  --paper-texture-opacity: 0.035;

  --glow-primary:
    rgba(34, 83, 143, 0.12);

  --glow-gold:
    rgba(192, 149, 72, 0.18);

}



/* =========================================================
   DARK THEME
   Night archive / navy leather / warm brass
========================================================= */

[data-theme="dark"] {

  color-scheme: dark;


  /* Main backgrounds */

  --page-bg: #070e19;

  --page-bg-secondary: #0a1423;

  --surface: #0e1929;

  --surface-raised: #122035;

  --surface-soft: #111d2e;

  --surface-muted: #17253a;


  /* Paper becomes dark archival card */

  --paper: #111d2d;

  --paper-deep: #0d1827;

  --paper-line: rgba(219, 191, 137, 0.08);


  /* Navigation */

  --nav-bg: #040a13;

  --nav-bg-secondary: #091326;

  --nav-text: #f7f2e9;

  --nav-muted: #8796ad;


  /* Text */

  --text: #f5f1e8;

  --text-secondary: #c9d0da;

  --text-muted: #96a1b0;

  --text-faint: #697789;


  /* Borders */

  --border: #253750;

  --border-soft: #1c2c41;

  --border-strong: #39506d;


  /* Accent */

  --accent: #d4ad64;

  --accent-hover: #e0bd79;

  --accent-text: #e8c783;

  --accent-soft: #292415;


  /* Primary */

  --primary: #356da9;

  --primary-hover: #4481c2;

  --primary-soft: #132c48;

  --primary-text: #ffffff;


  /* Answers */

  --answer: #6fbb91;

  --answer-soft: #102a20;


  /* Status */

  --success: #72bd8f;

  --success-soft: #11291e;

  --warning: #d6a452;

  --warning-soft: #2c2414;

  --danger: #d0737b;

  --danger-soft: #30191d;


  /* Shadows */

  --shadow-xs:
    0 1px 3px rgba(0, 0, 0, 0.22);

  --shadow-sm:
    0 6px 18px rgba(0, 0, 0, 0.22);

  --shadow-md:
    0 16px 42px rgba(0, 0, 0, 0.30);

  --shadow-lg:
    0 32px 90px rgba(0, 0, 0, 0.42);


  /* Decorative */

  --paper-texture-opacity: 0.018;

  --glow-primary:
    rgba(57, 119, 189, 0.17);

  --glow-gold:
    rgba(211, 172, 98, 0.14);

}