/* fabrikken.ai — brand-tokens.
   Retning: varm creme + dyb skovgrøn, én geometrisk grotesk, stramme radier,
   masser af luft. Inspireret af supernormalgreens.com — adopteret palette +
   typografi-disciplin, men med vores eget billedsprog. Lyst tema (ikke dark). */

:root {
  /* Farver — creme baggrund, skovgrøn ink, sage-grå, afdæmpet accent-grøn */
  --c-bg:          #fcf9ed;   /* creme/papir — sidens baggrund */
  --c-bg-alt:      #f3f0e7;   /* lidt dybere creme — sektion--alt */
  --c-card:        #ffffff;   /* hvide kort popper rent mod creme */
  --c-ink:         #193722;   /* skovgrøn — primær tekst, overskrifter, mørke flader */
  --c-ink-soft:    #56655a;   /* dæmpet grøn-grå — sekundær tekst */
  --c-ink-faint:   #8a948b;   /* hints / units */
  --c-primary:     #193722;   /* CTA-knapper / brand (mørk solid, som referencen) */
  --c-primary-dk:  #0f2417;   /* hover */
  --c-accent:      #3d7a4f;   /* afdæmpet accent-grøn — rolig funktionel accent (bullets, ✓) */
  --c-accent-warm: #d4521f;   /* terracotta — signatur-pop (logo, "Anbefalet"-badge) */
  --c-accent-pop:  #2bd44f;   /* sparsom "live"-pop (kun indikator-prikker o.l.) */
  --c-link:        #2f6b4d;   /* tekst-links — adskilt fra brødtekst */
  --c-line:        #d9dbce;   /* sage border */
  --c-on-primary:  #fcf9ed;   /* creme tekst på skovgrøn */

  /* Typografi — én geometrisk grotesk til alt (heading = body).
     Schibsted Grotesk (fri, Google Fonts) som Moderat-nær erstatning;
     Noto Sans Devanagari dækker hindi-glyffer. */
  --font-sans: "Schibsted Grotesk", "Noto Sans Devanagari", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: var(--font-sans);
  --fs-hero:   clamp(2.1rem, 4.6vw, 3.3rem);
  --fs-h2:     clamp(1.6rem, 3vw, 2.3rem);
  --fs-h3:     1.2rem;
  --fs-body:   1.0625rem;
  --fs-lead:   clamp(1.05rem, 1.5vw, 1.25rem);
  --lh-tight:  1.13;
  --lh-body:   1.62;

  /* Luft — generøs spacing-skala (luft > densitet) */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --space-7: 9rem;          /* afstand mellem sektioner */
  --container: 1140px;
  --container-pad: 1.5rem;

  /* Form — stramme radier (6px som referencen) */
  --radius:    6px;
  --radius-lg: 10px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(25,55,34,.05);
  --shadow-md: 0 8px 24px rgba(25,55,34,.07);
  --shadow-lg: 0 18px 48px rgba(25,55,34,.10);
}