/* ============================================================
   The Queen — design tokens
   POV: "A museum of queens: Merlin's white-paper/violet/teal system,
   with one gallery of paired ancient-and-modern photography running
   through it like a spine."
   Palette, type, and logo-gradient ported verbatim from the live
   Merlin Sales OS (/Users/merlinthemagician/Sales Dashboard/src/styles.css) —
   gradient lives ONLY in the mark; everything else is flat ink on white.
   Do not add colors/fonts/sizes outside this file.
   ============================================================ */
:root {
  /* palette — deep/royal green + white (user brand direction 2026-07-23).
     Variable names kept from the Merlin port so every downstream rule
     follows automatically; only the VALUES are re-branded. */
  --bg: #fafdfb;
  --paper: #ffffff;
  --ink: #0c352a;
  --gray: #5f7169;
  --line: 1.5px solid var(--ink);
  --line-thin: 1px solid rgba(12, 53, 42, 0.3);

  --purple: #0b6e45;      /* royal emerald — the ONE accent */
  --purple-ink: #095638;  /* its darker press state */
  --teal: #2f9e78;        /* lighter green, gradient partner in the mark */
  --teal-ink: #14664a;

  --violet-bg: #e3f2ea; --violet-ink: #0b5c3c;
  --indigo-bg: #dcefe6; --indigo-ink: #175943;
  --sky-bg: #d4f0e6;    --sky-ink: #0e5f4e;
  --mint-bg: #c9f0e0;   --mint-ink: #0e5f4e;
  --rose-bg: #eef4f0;   --rose-ink: #33544a;

  --r: 10px;
  --r-sm: 8px;

  /* type — single-family serif system (user direction 2026-07-23):
     Cormorant Garamond everywhere. The five role tokens are kept so
     downstream rules don't change; they now all resolve to the same
     family and differ only in the weights/styles applied at use sites. */
  --loud: 'Cormorant Garamond', 'Times New Roman', serif;
  --display: 'Cormorant Garamond', 'Times New Roman', serif;
  --mono: 'Cormorant Garamond', 'Times New Roman', serif;
  --body: 'Cormorant Garamond', 'Times New Roman', serif;
  --serif: 'Cormorant Garamond', 'Times New Roman', serif;

  /* sizes nudged up one notch at the small end — Cormorant's x-height
     is lower than Inter/Space Grotesk, so small text needs the room */
  --fs-0: 0.9375rem;
  --fs-1: 1.125rem;
  --fs-2: 1.25rem;
  --fs-3: 1.5625rem;
  --fs-4: 1.9375rem;
  --fs-5: 2.4375rem;
  --fs-hero: clamp(2.75rem, 6.5vw, 5.5rem);
  --fs-giant: clamp(2.25rem, 4.6vw, 3.75rem);

  /* spacing — 8px grid */
  --s-1: .5rem;  --s-2: 1rem;   --s-3: 1.5rem; --s-4: 2rem;
  --s-5: 3rem;   --s-6: 4rem;   --s-7: 6rem;   --s-8: 8rem;
  --s-9: 12rem;

  /* layout */
  --container: 1360px;
  --gutter: clamp(1.25rem, 4vw, 3rem);

  /* motion — ease-out, 200-400ms for micro-interactions */
  --dur: 320ms;
  --dur-slow: 900ms;
  --ease: cubic-bezier(.22, 1, .36, 1);
}