/* TIER 1 — BASE. Raw values. Never used directly in a component; semantic tokens reference these. Locked (not theme-editable). */
:root {
  /* Palette — from the sketchbook (Strøm Mat & Bar) */
  --strom-green-900: #16231C;   /* Mørk */
  --strom-green-700: #1B3B28;   /* Grønn — brand */
  --strom-green-600: #25503A;   /* Grønn hover */
  --strom-gold-600: #D8AD58;    /* Gull pressed */
  --strom-gold-500: #E9C373;    /* Gull — accent */
  --strom-gold-400: #F2D594;    /* Gull hover */
  --strom-gold-100: #FBF1D6;    /* Gull tint — warning bg, selected chip */
  --strom-gold-200: #E9D9A8;    /* Warning bar border (approved Admin) */
  --strom-cream-50: #FBF8F3;    /* Kremhvit — site page */
  --strom-cream-100: #F3EFE7;   /* Admin page */
  --strom-cream-200: #EFE9DD;   /* Admin hover */
  --strom-cream-300: #F0EBE1;   /* Admin hairline */
  --strom-sand-200: #E4DCCD;    /* Admin line / skeleton */
  --strom-sand-300: #CFC4B0;    /* Linje — site line, switch off */
  --strom-sand-400: #B9AE98;    /* Dotted leader, inactive chip ink */
  --strom-grey-500: #4A5850;    /* Grå — secondary ink */
  --strom-grey-400: #8A9189;    /* Disabled ink (≥3:1 on white only) */
  --strom-white: #FFFFFF;
  --strom-black: #000000;
  --strom-ok-600: #2E7D4F;      /* Åpent */
  --strom-red-600: #B3261E;     /* Stengt · Utsolgt · error */
  --strom-amber-700: #8A6D1F;   /* Planlagt */
  --strom-amber-900: #5A4A1A;   /* Warning bar ink (approved Admin) */

  /* Alpha inks for inverse (green) surfaces */
  --strom-white-a20: rgba(255,255,255,0.20);
  --strom-white-a25: rgba(255,255,255,0.25);
  --strom-white-a30: rgba(255,255,255,0.30);
  --strom-white-a32: rgba(255,255,255,0.32);
  --strom-white-a50: rgba(255,255,255,0.50);
  --strom-gold-a50: rgba(233,195,115,0.50);
  --strom-gold-a60: rgba(233,195,115,0.60);
  --strom-gold-a70: rgba(233,195,115,0.70);
  --strom-green-a0: rgba(27,59,40,0);
  --strom-green-a25: rgba(27,59,40,0.25);
  --strom-green-a50: rgba(27,59,40,0.50);
  --strom-green-a70: rgba(27,59,40,0.70);
  --strom-green-a75: rgba(27,59,40,0.75);
  --strom-ink-a12: rgba(22,35,28,0.12);
  --strom-ink-a45: rgba(22,35,28,0.45);
  --strom-black-a30: rgba(0,0,0,0.30);
  --strom-black-a90: rgba(0,0,0,0.90);
  --strom-black-a35: rgba(0,0,0,0.35);
  --strom-scrim: linear-gradient(to top, rgba(0,0,0,0.92) 0%, rgba(0,0,0,0.45) 45%, rgba(0,0,0,0) 80%);

  /* Type faces */
  --font-display: 'Bodoni Moda', 'Didot', Georgia, serif;
  --font-body: 'Jost', system-ui, sans-serif;
  --font-display-opsz: 'opsz' 11;   /* optical size for display ≤ 48px */

  /* Type scale — display (fluid) */
  --text-display-xl: clamp(48px, 9vw, 140px);    /* hero */
  --text-display-lg: clamp(44px, 6vw, 96px);     /* section title, italic */
  --text-display-md: clamp(30px, 3.4vw, 48px);   /* section title caps · admin h1 */
  --text-display-sm: clamp(28px, 3vw, 44px);     /* row title caps */
  --text-quote: clamp(22px, 1.8vw, 28px);
  --text-heading-lg: 26px;                       /* admin stat */
  --text-heading: 22px;                          /* dish name · post card */
  --text-heading-sm: 20px;
  /* Type scale — body */
  --text-body-lg: 17px;
  --text-body: 16px;
  --text-body-sm: 15px;
  --text-body-xs: 14px;
  --text-caption: 13px;
  --text-eyebrow: 12px;
  --text-micro: 11px;
  /* Line heights */
  --leading-display: 0.95;
  --leading-tight: 1.1;
  --leading-heading: 1.25;
  --leading-body: 1.6;
  --leading-relaxed: 1.65;
  /* Tracking */
  --tracking-display: 0.04em;
  --tracking-display-caps: 0.06em;
  --tracking-label: 0.14em;
  --tracking-eyebrow: 0.18em;
  --tracking-tab: 0.12em;
  --tracking-micro: 0.10em;
  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 48px;
  --space-10: 56px;
  --space-11: 64px;
  --space-12: 96px;
  --space-section: clamp(96px, 11vw, 160px);
  --space-section-sm: clamp(56px, 6vw, 88px);
  --space-gutter: clamp(20px, 4vw, 56px);
  --space-gutter-lg: clamp(20px, 4vw, 64px);
  --width-content: 1320px;
  --width-admin: 1240px;
  --width-sidebar: 232px;
  --width-prose: 56ch;

  /* Radius */
  --radius-0: 0px;
  --radius-xs: 4px;    /* admin tag («Rediger») */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 10px;
  --radius-xl: 12px;   /* admin dialog */
  --radius-pill: 999px;

  /* Lines */
  --line-1: 1px;
  --line-2: 2px;
  --line-3: 3px;

  /* Hit targets */
  --size-hit-min: 44px;
  --size-control: 48px;
  --size-control-lg: 56px;
  --size-control-sm: 40px;
  --size-dot: 8px;
  --size-icon: 20px;
}