/* HEMMET:s tokens. Kopiera filen in i projektet: publika sidor kan inte läsa från det privata repot.
   Vad varje färg betyder står i formsprak/SKILL.md. Ändra här, inte i kopiorna. */
:root {
  color-scheme: dark;

  /* Bakgrunder */
  --obsidian-950: #04070f; --obsidian-900: #0a1020; --obsidian-850: #0e1628; --obsidian-800: #121b30;

  /* Blått: det man gör */
  --act-500: #1286a3; --act-600: #075a70; --act-ink: #efe5d2; --act-rim: #d4bb92;

  /* Guld: det man uppnår */
  --gold-300: #f0d27a; --gold-400: #d9a93f; --gold-500: #b0822a;

  /* Text */
  --bone-50: #f4ede4; --ash-200: #c9bfb5; --ash-300: #a3978c; --stone-400: #6f655d;

  /* Undantagen: grönt till "lever"- och online-pricken, rött till hinder och fel */
  --good: #6fd08c; --danger: #e5533d;

  /* Linjer */
  --line: rgba(244, 237, 228, .1); --line-strong: rgba(244, 237, 228, .2);

  /* Roller */
  --bg: var(--obsidian-950); --surface: var(--obsidian-900); --surface-2: var(--obsidian-850);
  --text-primary: var(--bone-50); --text-body: var(--ash-200); --text-muted: var(--ash-300); --text-faint: var(--stone-400);
  --brand: var(--gold-400);

  /* Typsnitt: tre röster */
  --font-display: "Cinzel", Georgia, serif;           /* logga och rubriker */
  --font-ui: "Marcellus", Georgia, serif;             /* knappar, namn, små rubriker, sloganen */
  --font-label: "Marcellus", Georgia, serif;
  --font-body: "Open Sans", system-ui, sans-serif;    /* allt man läser, menyn */
  --font-num: "Open Sans", system-ui, sans-serif;     /* alla siffror */

  /* Storlekar och rörelse */
  --cap: .08em;
  --fs-hero: clamp(64px, 14vw, 200px);
  --fs-d1: clamp(40px, 6vw, 84px);
  --fs-d2: clamp(30px, 4.2vw, 54px);
  --ease: cubic-bezier(.16, 1, .3, 1);
}