:root {
  /* === PRIMÆR TEAL PALETTE === */
  --teal-primary: #0F766E;
  --teal-light: #14B8A6;
  --teal-dark: #134E4A;
  --teal-darker: #042F2E;
  --teal-50: #F0FDFA;
  --teal-100: #CCFBF1;
  --teal-200: #99F6E4;
  --teal-300: #5EEAD4;

  /* === AMBER ACCENT === */
  --amber-primary: #F59E0B;
  --amber-light: #FCD34D;
  --amber-dark: #B45309;
  --amber-50: #FFFBEB;
  --amber-100: #FEF3C7;

  /* === BAGGRUNDE === */
  --bg-white: #FFFFFF;
  --bg-mint: #F5FBFB;
  --bg-warm: #FFFCF7;
  --bg-dark: #134E4A;
  --bg-darker: #042F2E;

  /* === TEKST === */
  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-tertiary: #94A3B8;
  --text-on-dark: #CCFBF1;
  --text-on-dark-bright: #F0FDFA;

  /* === GRÆNSER === */
  --border-light: #E2E8F0;
  --border-medium: #CBD5E1;

  /* === STATUS === */
  --success: #10B981;
  --warning: #F59E0B;
  --error: #EF4444;

  /* === SKYGGER === */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.08);
  --shadow-xl: 0 24px 48px rgba(15, 23, 42, 0.12);

  /* === SKRIFTTYPER === */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'Plus Jakarta Sans', 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', 'Courier New', monospace;

  /* === SKRIFTSTØRRELSER === */
  --text-xs:   0.75rem;     /* 12px */
  --text-sm:   0.8125rem;   /* 13px */
  --text-base: 0.9375rem;   /* 15px */
  --text-lg:   1.0625rem;   /* 17px */
  --text-xl:   1.25rem;     /* 20px */
  --text-2xl:  1.5rem;      /* 24px */
  --text-3xl:  2rem;        /* 32px */
  --text-4xl:  2.5rem;      /* 40px */
  --text-5xl:  3.5rem;      /* 56px */
  --text-6xl:  4.5rem;      /* 72px */

  /* === LAYOUT === */
  --container-max: 1280px;
  --container-padding: clamp(1.25rem, 5vw, 5rem);
  --section-padding: clamp(5rem, 12vw, 10rem);

  /* === BORDER-RADIUS === */
  --radius-sm:   6px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* === SPACING === */
  --gap-tight: 1rem;
  --gap-base:  1.5rem;
  --gap-loose: 3rem;

  /* === TRANSITIONS === */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms ease;

  /* === HEADER === */
  --header-height: 84px;
  --header-height-mobile: 84px;
}