/* assets/css/tokens.css — designtokens (jf. _utviklingsspesifikasjon.md § 6).
   Advokatestetikk: varm krem som papir, oxblood som eneste aksent, gull kun som hårfin detalj.
   Komponenter/moduler bruker KUN disse tokenene — ingen rå hex i common.css eller modul-CSS. */
:root {
  /* Tekst — varm nær-svart («ink») */
  --c-text:        #1A1614;
  --c-text-muted:  #4A413B;
  --c-text-light:  #7B716A;

  /* Flater — krem/papir, varm */
  --c-bg:          #FAF7F2;     /* bakgrunn — varm papirkrem */
  --c-surface:     #FFFFFF;     /* kort/paneler løftes mot kremen */
  --c-surface-alt: #F7F2E9;
  --c-surface-deep:#F2ECE0;

  /* Linjer — varme hårstreker */
  --c-border:      #E4DDD0;
  --c-border-soft: #ECE6D8;

  /* Aksent — oxblood (eneste fargeaksent) */
  --c-accent:      #7A2E2A;
  --c-accent-soft: #A85248;
  --c-accent-bg:   #F5E9E5;     /* svak oxblood-vask for aktive/markerte flater */

  /* Gull — kun hårfine skiller/detaljer, aldri store flater */
  --c-gold:        #B8893E;

  /* Status — dempet, harmonert med varm krem (ikke neon) */
  --c-success: #3E6B4A;
  --c-warning: #B5731C;
  --c-danger:  #7A2E2A;         /* = oxblood; hardt brudd vises rødt via denne */
  --c-info:    #4A413B;

  /* Spacing — 8px-rasterskala */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* Typografi */
  --font-serif: 'Fraunces', Georgia, serif;
  --font-sans:  'Onest', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:  'JetBrains Mono', 'Source Code Pro', monospace;

  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 16px;
  --fs-xl: 18px; --fs-2xl: 22px; --fs-3xl: 28px; --fs-4xl: 34px;

  /* Skygger — subtile, varm tone */
  --shadow-sm: 0 1px 2px rgba(26,22,20,0.06);
  --shadow-md: 0 2px 8px rgba(26,22,20,0.08);
  --shadow-lg: 0 6px 24px rgba(26,22,20,0.10);

  /* Radius — moderat, ikke poppy */
  --r-sm: 3px; --r-md: 5px; --r-lg: 8px;

  /* Overganger */
  --t-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --t-base: 180ms cubic-bezier(0.4, 0, 0.2, 1);
}