/* ==========================================================================
   Hofbud — design tokens
   Kilde: Claude Design-prototype (Holstebro Flytte & Budcentral).
   Alle moduler skal bruge disse variabler via var(--token, fallback).
   Ret KUN farveværdier ved re-brand — behold nøgle-navnene, så moduler
   kan genbruges på tværs af temaer.
   ========================================================================== */

:root {
  /* ---- Kernefarver (fastlagt i briefen) ---- */
  --ink:   #0A2540;   /* Primær tekst + mørke flader (navy) */
  --paper: #F1EDE4;   /* Body-baggrund (varm sand/creme) */
  --panel: #FAF7F0;   /* Panel/kort-baggrund (lysere creme) */
  --blue:  #2563EB;   /* Accent — CTA, aktiv-prik, highlights */

  /* ---- Afledte brand-/flade-farver ---- */
  --navy:        #074A86;             /* Sekundær brand-blå (fra prototypens brand-prop) */
  --ink-hover:   #123458;             /* Hover på mørke knapper (header-CTA) */
  --blue-strong: #1D4ED8;            /* Mørkere accent til hover/dybde */
  --paper-2:     #E7E2D7;             /* Nedtonet sand (optaget-flade i depot-grid) */

  /* ---- Tekst ---- */
  --text:           #0A2540;          /* = --ink */
  --text-secondary: #5A6A79;          /* Sekundær/brødtekst-nedtonet (muted) */
  --text-tertiary:  #8298B0;          /* Tertiær (metadata på lys) */

  /* ---- Linjer / borders ---- */
  --line:        rgba(10, 37, 64, 0.12);
  --line-strong: rgba(10, 37, 64, 0.20);

  /* ---- Footer (paper-afledt på --ink baggrund) ---- */
  --footer-bg:        #0A2540;                    /* = --ink */
  --footer-heading:   #F1EDE4;                    /* = --paper */
  --footer-text:      rgba(241, 237, 228, 0.66);  /* base brødtekst */
  --footer-link:      rgba(241, 237, 228, 0.60);  /* links (hviler) */
  --footer-muted:     rgba(241, 237, 228, 0.50);  /* adresse/nedtonet */
  --footer-line:      rgba(241, 237, 228, 0.10);  /* dividere */
  --footer-bottom:    rgba(241, 237, 228, 0.40);  /* copyright-linje */
  --footer-watermark: rgba(241, 237, 228, 0.05);  /* kæmpe HOFBUD-watermark */

  /* ---- Header ---- */
  --header-h:      74px;
  --header-bg:     rgba(241, 237, 228, 0.82);      /* paper @ 82% + blur */
  --header-border: rgba(10, 37, 64, 0.12);         /* = --line */

  /* ---- Typografi-stacks ---- */
  --font-heading: 'Space Grotesk', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --font-body:    'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* ---- Border-radius ---- */
  --radius-xs:   7px;    /* logo-pill, chips */
  --radius-sm:   8px;    /* små kort / billed-rammer */
  --radius-md:   10px;   /* kort */
  --radius-lg:   16px;   /* store paneler */
  --radius-pill: 100px;  /* runde knapper (CTA) */

  /* ---- Spacing-skala ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* ---- Layout ---- */
  --container-max: 1280px;
  --container-pad: 34px;   /* venstre/højre luft i containeren (design) */

  /* ---- Skygger ---- */
  --shadow-card: 0 1px 2px rgba(10, 37, 64, 0.04), 0 10px 30px -12px rgba(10, 37, 64, 0.12);
  --shadow-lift: 0 1px 2px rgba(10, 37, 64, 0.05), 0 24px 60px -20px rgba(10, 37, 64, 0.22);
  --shadow-cta:  0 16px 34px -12px rgba(37, 99, 235, 0.60);   /* blå CTA-glød */

  /* ---- Breakpoints (til reference; media queries bruger px direkte) ---- */
  --bp-mobile: 960px;
  --bp-tablet: 1100px;

  /* ---- Z-index-hierarki ---- */
  --z-header:   60;
  --z-skiplink: 9999;
}