/* ============================================================
   røvbananen.dk — design-tokens (etape 1 i VISUEL-OPGRADERINGSPLAN)
   Én sandhed for farver, flader, typografi og afstande.
   Regler (etape 2.3):
   - Guld  = interaktion, brand, aktiv tilstand
   - Magenta = anomali/afvigelse — aldrig dekoration
   - Grøn  = bekræftet/succes (dæmpet) — fx systemniveau 'stable'
   - Alt andet holdes i gråtoner/flader
   ============================================================ */
:root {
  /* ── Flader (elevation frem for indramning) ── */
  --void: #0B0A09;            /* sidebaggrund */
  --surface-0: #0a0c12;       /* dybeste felt (indlejrede felter, kort-baggrunde) */
  --surface-1: #10131c;       /* paneler/kort */
  --surface-2: #171b26;       /* hævede elementer, dropdowns */

  /* ── Tekst ── */
  --fog: #F3EFE6;             /* primær tekst */
  --mist: #B9AE9A;            /* sekundær tekst */
  --muted: #837b6e;           /* metatekst, tidsstempler */

  /* ── Accent ── */
  --banana: #F4C542;
  --banana-soft: #FFD96A;
  --banana-dim: rgba(244, 197, 66, 0.45);
  --banana-faint: rgba(244, 197, 66, 0.12);
  --anomali: #C85AA6;
  --anomali-dim: rgba(200, 90, 166, 0.45);
  --ok: #8ce99a;              /* samme grøn som systemniveau 'stable' (ui/layout.js) */
  --ok-dim: rgba(140, 233, 154, 0.4);

  /* ── Kanter ── */
  --hairline: rgba(255, 255, 255, 0.06);
  --hairline-strong: rgba(255, 255, 255, 0.12);
  --edge-accent: rgba(244, 197, 66, 0.35);   /* kun hover/aktiv/fokus */

  /* ── Skygger og glow (glow kun: hero, aktiv systemstatus, primær CTA) ── */
  --shadow-1: 0 2px 12px rgba(0, 0, 0, 0.35);
  --shadow-2: 0 10px 36px rgba(0, 0, 0, 0.5);
  --glow-accent: 0 0 20px rgba(244, 197, 66, 0.42), 0 0 42px rgba(244, 197, 66, 0.14);
  --glow-anomali: 0 0 18px rgba(200, 90, 166, 0.35);

  /* ── Typografi ── */
  --font-display: 'Oxanium', system-ui, sans-serif;
  --font-body: 'Source Serif 4', Georgia, serif;
  /* Skala: 4 trin + label. Letter-spaced all-caps KUN til labels/eyebrows. */
  --fs-display: clamp(1.5rem, 3.5vw, 2.1rem);
  --fs-h2: clamp(1.1rem, 2.5vw, 1.4rem);
  --fs-h3: 1rem;
  --fs-body: 0.95rem;
  --fs-label: 0.72rem;
  --lh-body: 1.6;

  /* ── Afstande og radius ── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --radius-1: 4px;
  --radius-2: 8px;

  /* ── Legacy-aliaser (migreringsbro — fjernes når alle sider er migreret) ──
     '--neon-cyan' har historisk peget på guld; behold mapping så
     endnu ikke-migrerede regler ikke knækker. */
  --ink: #15120F;
  --neon-cyan: var(--banana);
  --neon-cyan-dim: rgba(244, 197, 66, 0.35);
  --neon-magenta: var(--anomali);
  --glow-cyan: var(--glow-accent);
  --glow-magenta: var(--glow-anomali);
  --glow-banana: 0 0 16px rgba(244, 197, 66, 0.32);
}