/* ==========================================================================
   Design-tokens — awati.no
   Endre farger/avstand HER, ikke spredt utover andre CSS-filer.
   ========================================================================== */
:root {
  /* Merkevarefarger (fra logo) */
  --color-navy: #233060;
  --color-accent: #f18a00;
  --color-accent-hover: #ffa126;
  --color-on-accent: #1a1200;

  /* Mørk bunn — dyp og varm, ikke helsvart */
  --color-bg: #11152a;
  --color-bg-band: #151a33;
  --color-bg-elevated: #1a2140;
  --color-bg-elevated-2: #232c4d;

  --color-text: #eef0f8;
  --color-text-muted: #a4abc9;
  --color-text-subtle: #8a92b4;
  --color-border: #262e55;
  --color-border-strong: #3a4470;
  /* Diskret mørk bakgrunn for tekst oppå bilder */
  --color-overlay: rgba(17, 21, 42, 0.55);
  /* Mørkner siden bak popup-vinduer */
  --color-backdrop: rgba(8, 10, 22, 0.75);
  /* Feilmeldinger i skjema */
  --color-error: #ff7a6b;

  /* Typografi
     Systemskrift foreløpig (ingen CDN). Vil man ha egen skrift senere,
     legges filene i assets/fonts/ og byttes inn her. */
  --font-base: system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Segoe UI Variable Display", "SF Pro Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, monospace;

  --text-hero: clamp(2.75rem, 8vw, 6.5rem);
  --text-hero-split: clamp(2.5rem, 5.5vw, 5rem);
  --text-page: clamp(2.25rem, 5vw, 4rem);
  --text-h2: clamp(2rem, 3.6vw, 3.25rem);
  --text-h3: 1.5rem;
  --text-lead: clamp(1.125rem, 1.6vw, 1.3rem);
  --tracking-tight: -0.035em;

  /* Layout */
  --max-width: 1280px;
  --gutter: clamp(1rem, 4vw, 5rem);
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 7rem;

  --logo-height: 2.25rem;
  --logo-height-sm: 1.75rem;

  --radius: 12px;
  --radius-sm: 8px;
}