/* Designtokens: én kilde for farge, typografi, avstand, radius og lag.
   Ingen andre stilark hardkoder farger.

   Fargeroller (kun lyst tema)
   - paper/stone/line/ink: rolige, varme nøytraler som bærer nesten hele flaten.
   - brand (Avinor-inspirert lilla): handlinger, aktivt trinn, lenker, valgt tilstand, fokus.
   - ok (grønn): ferdig / bekreftet / i orden.
   - crit (rød): kun reell feil, kritisk eller forfalt.
   - warn (rav): redusert, på vent, høy prioritet.
   Farge er aldri eneste signal: alltid sammen med tekst, ikon eller form.

   Brytepunkter (media queries kan ikke lese variabler): 600 px (bredere
   mobil/nettbrett), 1024 px (desktop med sidemeny). */

:root {
  color-scheme: light;

  --paper: #FFFFFF;
  --stone: #F4F3F0;
  --stone-2: #F8F7F5;
  --stone-press: #EEECE8;
  --line: #E4E2DD;
  --line-2: #F0EFEC;
  --line-strong: #C9C6BF;
  --ink: #1C1B19;
  --ink-2: #5E5B55;
  --ink-3: #8F8B84;

  --brand: #83206B;
  --brand-press: #6B1A57;
  --brand-soft: #FAF0F6;
  --brand-soft-2: #F2DFEC;

  --ok: #17A05D;
  --ok-soft: #ECFBF2;
  --ok-ink: #0E7A44;

  --crit: #C4271B;
  --crit-soft: #FDEEEC;

  --warn: #B36A00;
  --warn-soft: #FFF4E2;

  --disabled: #EEECE8;
  --disabled-ink: #9A968F;

  --scrim: rgb(28 27 25 / 0.32);
  --shadow-sheet: 0 -10px 40px -12px rgb(28 27 25 / 0.25);
  --shadow-lift: 0 1px 3px rgb(28 27 25 / 0.12);

  /* Typografi: systemfonter (ingen eksterne fonter). */
  --font: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  --fs-xs: 12.5px;
  --fs-sm: 13.5px;
  --fs-md: 15px;
  --fs-lg: 16.5px;
  --fs-xl: 19px;
  --fs-2xl: 22px;
  --fs-3xl: 24px;
  --fs-title: 28px;

  /* Avstand og form */
  --gutter: 20px;
  --gap-section: 22px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 16px;
  --r-xl: 20px;
  --tap: 44px;
  --btn-h: 56px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  /* Oppsett */
  --col: 680px;
  --side-w: 288px;

  /* Lag */
  --z-top: 20;
  --z-foot: 20;
  --z-scrim: 40;
  --z-sheet: 41;
  --z-toast: 60;
}