/* ============================================================
   Forum Design System — TOKENS
   Single source of truth for all design values. No raw hex/px/oklch
   outside this file; reference the variables everywhere else.
   Ported verbatim from the approved mockups in "Forum Designs/".
   ============================================================ */
:root{
  /* Brand */
  --nd-navy:#0C2340;
  --nd-navy-2:#0a1c32;
  --nd-green:oklch(0.48 0.115 150);
  --nd-green-hover:oklch(0.43 0.12 150);
  --nd-green-soft:oklch(0.95 0.04 148);
  --nd-green-ink:oklch(0.35 0.1 150);
  --nd-gold:oklch(0.72 0.14 82);
  --gold:var(--nd-gold);
  --gold-border:color-mix(in srgb, var(--nd-gold) 38%, transparent);
  --accent:var(--nd-navy);
  --accent-hover:#0a1c32;
  --accent-tint:rgba(12,35,64,0.08);

  /* Surfaces & ink */
  --bg:oklch(0.985 0.006 85);
  --bg-sunk:oklch(0.97 0.008 82);
  --bg-elevated:oklch(0.995 0.004 85);
  --bg-muted:#EDECEA;
  --card:oklch(0.995 0.004 85);
  --card-raised:#ffffff;
  --text:oklch(0.22 0.015 70);
  --text-muted:oklch(0.52 0.01 75);
  --ink:var(--text);
  --ink-2:oklch(0.34 0.012 72);
  --ink-3:var(--text-muted);
  --ink-inverse:#ffffff;
  --ink-4:oklch(0.62 0.008 78);
  --line:oklch(0.9 0.008 80);
  --line-soft:oklch(0.915 0.01 78);
  --line-strong:oklch(0.82 0.01 78);
  --chip-bg:#EDECEA;

  /* Status */
  --success:var(--nd-green);
  --success-tint:rgba(0,132,61,0.12);
  --danger:#c41e1e;
  --danger-tint:rgba(196,30,30,0.12);
  --gold-tint:color-mix(in srgb, var(--nd-gold) 22%, transparent);
  --gold-ink:oklch(0.42 0.075 82);

  /* Public-site extensions */
  --win:var(--nd-green);
  --loss:var(--danger);
  --live:var(--nd-green);
  --upcoming:var(--ink-3);
  --final:var(--ink-2);
  --ad-frame:var(--line-soft);
  --ad-label-ink:var(--ink-4);

  /* Forum-specific — alias existing tokens but named for forum semantics so
     vote/thread treatments can diverge later without rewriting call sites. */
  --vote-pos:var(--nd-green);
  --vote-neg:var(--danger);
  --thread-rule:var(--line-strong);

  /* Type */
  --font-sans:"Inter",system-ui,sans-serif;
  --font-serif:"Source Serif 4",Georgia,serif;
  --font-title:var(--font-serif);
  --font-mono:"JetBrains Mono",ui-monospace,monospace;

  --type-doc-body-size:18px;
  --type-doc-body-line:1.7;
  --type-meta-size:13px;
  --type-micro-size:11px;
  --type-micro-tracking:0.12em;
  --type-mono-label-size:10px;
  --type-mono-label-tracking:0.12em;

  --type-article-headline-size:clamp(2.25rem, 3.4vw, 3rem);
  --type-section-title-size:0.6875rem;

  /* Geometry */
  --radius:6px;
  --r-card:8px;
  --r-input:6px;

  /* Shadows */
  --shadow-sm:0 1px 2px rgba(12,35,64,0.06);
  --shadow-card:0 1px 0 oklch(1 0 0 / .9) inset, 0 1px 2px oklch(0.2 0.02 70 / .04), 0 2px 6px oklch(0.2 0.02 70 / .035);

  /* Layout */
  --page-max:1180px;
  --page-pad:32px;
  --utility-h:32px;
  --masthead-h:88px;
}