/* Designtoken. Sjå docs/plan.md kapittel 6.
   Paletten er føreslått av oss, ikkje henta frå ein grafisk profil, og bør
   stadfestast mot logoen når den kjem. */

:root {
  /* Merkevare — varm rustraud/brun, henta frå fargen i logoen */
  --color-brand:      #8C3A2B;
  --color-brand-dark: #6B2B20;
  --color-brand-tint: #F4E7E3;

  /* Natur — grøn */
  --color-green:      #4F6B3E;
  --color-green-dark: #3B5229;
  --color-green-tint: #E9EDE2;

  /* Flater og tekst */
  --color-bg:         #FAF7F2;
  --color-surface:    #FFFFFF;
  --color-text:       #2A2520;
  --color-text-muted: #5C5449;
  --color-border:     #DED6C9;
  --color-focus:      #1F5FA8;

  /* Typografi — systemfontar, ingen webfont å laste */
  --font-body:    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: Georgia, "Iowan Old Style", "Times New Roman", serif;

  --text-sm:   0.9375rem;
  --text-base: 1.0625rem;
  --text-lead: clamp(1.125rem, 1.6vw, 1.375rem);
  --text-h4:   1.125rem;
  --text-h3:   1.375rem;
  --text-h2:   clamp(1.4375rem, 3vw, 2.25rem);

  /* Nedre grense er sett lågt med vilje: lange samansette ord som
     "Folkevandringsgarden" må få plass på 320px utan å sprekke ut. */
  --text-h1:   clamp(1.75rem, 5.5vw, 3.25rem);

  --leading-body:  1.6;
  --leading-tight: 1.2;

  /* Rom */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --section-y: clamp(2.5rem, 6vw, 5rem);

  /* Struktur */
  --container: 1200px;
  --measure:   68ch;
  --radius:    4px;
  --shadow-card: 0 1px 3px rgb(42 37 32 / 0.08);
  --shadow-lift: 0 4px 14px rgb(42 37 32 / 0.12);
}