/* =============================================================
   VARIABLES — the whole palette & scale in one place.
   Change a brand colour here and it updates the entire site.
   ============================================================= */
:root{
  --paper:#faf3e6;         /* warm party paper (page background) */
  --paper-2:#fffdf8;       /* slightly lighter band background   */
  --card:#ffffff;
  --line:#eadfca;
  --ink:#1c1512;           /* main text */
  --ink-2:#5b5044;         /* secondary text */
  --ink-3:#948977;         /* muted text */
  --gold:#e0992b;          /* THE accent (buttons, highlights) */
  --gold-2:#c07c1c;        /* darker gold (text on light) */
  --gold-wash:#f6e6c4;     /* pale gold background */
  --night:#241322;         /* dark "party night" band */
  --night-2:#180b17;       /* footer background */
  --pink:#e0567e;          /* small neon party pop */

  --shadow:0 2px 4px rgba(28,21,18,.05), 0 24px 50px -24px rgba(28,21,18,.28);
  --radius:20px;
  --maxw:1160px;
  --font: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
}

/* Dark theme — triggered by the toggle (data-theme) OR the OS preference. */
:root[data-theme="dark"]{
  --paper:#170c15; --paper-2:#1f1120; --card:#221325; --line:#3a2438;
  --ink:#f7ecec; --ink-2:#d3c3cb; --ink-3:#9c8b96;
  --gold:#f0b358; --gold-2:#e0992b; --gold-wash:#3a2814;
  --night:#0f0710; --night-2:#0b040c;
  --shadow:0 2px 4px rgba(0,0,0,.4), 0 28px 60px -30px rgba(0,0,0,.8);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#170c15; --paper-2:#1f1120; --card:#221325; --line:#3a2438;
    --ink:#f7ecec; --ink-2:#d3c3cb; --ink-3:#9c8b96;
    --gold:#f0b358; --gold-2:#e0992b; --gold-wash:#3a2814;
    --night:#0f0710; --night-2:#0b040c;
    --shadow:0 2px 4px rgba(0,0,0,.4), 0 28px 60px -30px rgba(0,0,0,.8);
  }
}