/* NETTSAGA v4 tokens — LOCKED after typography/palette rounds.
   Three landing-page themes share one type system and one component set.
   Sources: palettes measured from /design-references (compare/typo rounds);
   fonts user-selected from live comparison board. */

/* ── Type roles (all themes) ─────────────────────────────────────────────
   display : Nyght Serif   — H1, H2/section statements, big metrics
   serif2  : Superior Serif — smaller titles, body text, italic quotes,
                              seniorlinje, evidence numbers
   mono    : IBM Plex Mono  — labels, chips, CTA text, form hints, footer */
:root {
  --display: "Nyght Serif", Georgia, serif;
  --serif2:  "Superior Serif", Georgia, serif;
  --mono:    "IBM Plex Mono", "Courier New", monospace;

  /* spacing: base 8, six steps */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 40px; --s5: 64px; --s6: 104px;

  /* type scale: 6 sizes, 2 weights */
  --t-label: 12px;
  --t-body:  17px;
  --t-lede:  21px;
  --t-h3:    26px;
  --t-h2:    46px;
  --t-h1:    76px;
  --w-reg: 400; --w-med: 500;
}

/* ── Theme 1: MØRK (default page) — accent lavendel or kobolt ──────────── */
[data-theme="mork"] {
  --page: #141414; --ink: #EDEDEA; --grey: #8A8A85; --hairline: #2E2E2C;
  --panel-a: #314345; --panel-b: #19191A;
  --accent: #8E8CC7; --accent-text: #fff;      /* alt: kobolt #1D31E8 */
  --cta-bg: #EDEDEA; --cta-text: #141414;
  --evidence-bg: #FFFFFF; --evidence-ink: #1A1A18;
}

/* ── Theme 2: FLOWER — accent lavendel ─────────────────────────────────── */
[data-theme="flower"] {
  --page: #F8F8F8; --ink: #121212; --grey: #82828A; --hairline: #E3E3E8;
  --panel-a: #D6D4F2; --panel-b: #A9A6E0;
  --accent: #8E8CC7; --accent-text: #fff;
  --cta-bg: #121212; --cta-text: #fff;
  --evidence-bg: #FFFFFF; --evidence-ink: #1A1A18;
}

/* ── Theme 3: BIRD (creamier per user) — accent kobolt ─────────────────── */
[data-theme="bird"] {
  --page: #EAE6DC; --ink: #111111; --grey: #7C7C7C; --hairline: #D8D3C7;
  --panel-a: #C58EAE; --panel-b: #616993;
  --accent: #1D31E8; --accent-text: #fff;
  --cta-bg: #111111; --cta-text: #fff;
  --evidence-bg: #FFFFFF; --evidence-ink: #1A1A18;
}