:root {
  /* Colors — primary */
  --color-primary:        #0F2430;  /* Djupblå — headers, footer, dark sections */
  --color-primary-light:  #1E3D4E;  /* Skifer — secondary surfaces */
  --color-primary-muted:  #4A6B7C;  /* Dis — muted text on dark */

  /* Colors — accent */
  --color-accent:         #B4703C;  /* Kobber — buttons, links, highlights */
  --color-accent-light:   #D9A574;  /* Messing — hover on dark, highlight bg */
  --color-accent-dark:    #8F5528;  /* link text on light (AA), button hover */

  /* Backgrounds */
  --color-bg:             #F5F2EC;  /* Pergament — page background (NOT #fff) */
  --color-bg-alt:         #EAE5DA;  /* Kalk — alt sections, table rows */
  --color-surface:        #FCFBF8;  /* Papir — cards lifted off bg */

  /* Text */
  --color-text:           #121A1F;  /* Blekk — body text (NOT #000) */
  --color-text-muted:     #5A6870;  /* Grafitt — captions, metadata */
  --color-border:         #D6D0C4;  /* Strek — borders, dividers */

  /* Status & risk */
  --color-low:            #3D7A5F;  /* Mose */
  --color-moderate:       #C9A227;  /* Okergul */
  --color-high:           #C2703A;  /* Terrakotta */
  --color-critical:       #9E3B29;  /* Rust */
  --color-info:           #3A6E8F;  /* Stål */

  /* Diagram series order */
  --chart-1: #0F2430; --chart-2: #B4703C; --chart-3: #3A6E8F;
  --chart-4: #3D7A5F; --chart-5: #8A7A66; --chart-6: #6B5A7E;
  --chart-7: #C9A227; --chart-8: #9E3B29;

  /* Typography */
  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    "IBM Plex Mono", Consolas, monospace;

  /* Spacing — multiples of 8 */
  --space-1: 4px;  --space-2: 8px;  --space-3: 16px; --space-4: 24px;
  --space-5: 32px; --space-6: 48px; --space-8: 64px; --space-12: 96px;
  --space-16: 128px;

  /* Shape */
  --radius-sm: 2px; --radius-md: 3px; --radius-lg: 4px;
  --shadow-soft: 0 1px 2px rgba(15,36,48,0.06), 0 4px 12px rgba(15,36,48,0.04);
  --shadow-lift: 0 2px 4px rgba(15,36,48,0.08), 0 12px 32px rgba(15,36,48,0.08);

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 180ms; --dur-slow: 450ms;

  /* Layout */
  --max-content: 1200px;
  --max-text: 680px;
}