/*
 * Design-tokens — ekstrahert fra Claude Design-referansene i
 * fiksr/fiksr-ai `design-refs/` (Fiksr Home / Dashboard / Selvutvikling).
 * KUN verdier er hentet ut — ingen gammel kode er kopiert.
 * Visuell fasit; endres bare i takt med design-refs.
 */

:root {
  /* ---- Farger: flate (lys, dagens fasit) ---- */
  --ink: #1b1c1e;        /* primærtekst / mørke flater */
  --muted: #5b5d61;      /* sekundærtekst */
  --faint: #94969c;      /* hint / status-tekst */
  --surface: #ffffff;    /* kort / paneler */
  --inset: #f3f2ef;      /* nedsenkede felt (input, chips) */
  --bg: #f6f5f2;         /* skjerm-bakgrunn */
  --hairline: #ececea;   /* tynneste skille */
  --line: #e4e3df;       /* standard skille */

  /* ---- Farger: semantiske ---- */
  --up: #1f9d63;         /* opp / positiv / «lytter» */
  --down: #d24a40;       /* ned / feil / negativ */
  --up-soft: rgba(31, 157, 99, .10);
  --down-soft: rgba(210, 74, 64, .10);

  /* ---- Farger: kategori-aksenter (fra design-refs) ---- */
  --fam: #c97a5e;
  --eco: #1f9d63;
  --bol: #5b7a99;
  --hel: #3f9b8e;
  --selv: #8a76b4;
  --jobb: #bd8a3c;

  /* ---- Orb / samtale-tilstander ---- */
  --orb-aktiv-1: #2fbf71;   /* radial-gradient lyspunkt */
  --orb-aktiv-2: #1f9d63;   /* radial-gradient base */
  --orb-tenker-1: #3c3d40;
  --orb-tenker-2: #1b1c1e;
  --orb-glow: rgba(31, 157, 99, .40);

  /* ---- Ytre ramme (device-bakgrunn i refs) ---- */
  --skjerm-ramme: #0c0d0f;
  --skjerm-kant: #2a2b2e;

  /* ---- Typografi ---- */
  --ui: 'Schibsted Grotesk', system-ui, sans-serif;
  --display: 'Schibsted Grotesk', system-ui, sans-serif;
  --mono: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;

  --fs-11: 11px;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-15: 15px;
  --fs-17: 17.5px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-26: 26px;

  /* ---- Radius ---- */
  --r-sm: 11px;
  --r-md: 13px;
  --r-lg: 18px;
  --r-xl: 22px;
  --r-pill: 999px;
  --r-rund: 50%;

  /* ---- Spacing ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 30px;
  --sp-7: 40px;

  /* ---- Skygger ---- */
  --skygge-kort: 0 12px 40px rgba(0, 0, 0, .06);
  --skygge-orb: 0 12px 40px var(--orb-glow);
  --skygge-hev: 0 50px 90px rgba(40, 34, 28, .28);
}