/* GadgetLageret — designtokens (DESIGN-MANUAL.md §3–§6, §10, §15).
   Ingen ren #000/#FFF, ingen temperaturløs grå — se manualens spærreliste §17. */

:root {
  /* ---------- §3 Base ---------- */
  --depot-night: #0A0E13;
  --depot-steel: #151B23;
  --depot-steel-raised: #1E2731;
  --depot-line: #2A3540;
  --paper: #EDF1F4;
  --fog: #98A5B3;

  /* ---------- §3 Primære signalfarver ---------- */
  --signal: #FF7A29;
  --signal-hover: #FF8F4D;
  --signal-press: #E8691C;
  --charge: #37D6C4;
  --charge-hover: #5CE0D1;

  /* ---------- §3 Utility ---------- */
  --danger: #FF4D4D;
  --success: #4FD98C;

  /* ---------- §3 Kategori-identifikationsfarver (BOUNDED) ---------- */
  --cat-hverdags-tech: #37D6C4;
  --cat-gaming-setup: #FF7A29;
  --cat-smart-hjem: #8B93FF;
  --cat-gimmicks-gaver: #FF5FA2;
  --cat-mystery-a: #37D6C4;
  --cat-mystery-b: #FF7A29;

  /* ---------- §4 Typografi ---------- */
  --font-display: 'Archivo', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.375rem;
  --fs-xl: 1.75rem;
  --fs-2xl: 2.25rem;
  --fs-3xl: 2.875rem;
  --fs-4xl: clamp(2.75rem, 6vw, 4.5rem);

  /* ---------- §6 Geometri ---------- */
  --r-sharp: 0px;
  --r-pill: 999px;
  --r-tag: 6px;
  --facet-cut: 14px;
  --facet-cut-compact: 8px;
  --clip-facet: polygon(0 0, calc(100% - var(--facet-cut)) 0, 100% var(--facet-cut), 100% 100%, 0 100%);
  --clip-facet-compact: polygon(0 0, calc(100% - var(--facet-cut-compact)) 0, 100% var(--facet-cut-compact), 100% 100%, 0 100%);

  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.45);

  /* ---------- §10 Sektionsrytme ---------- */
  --section-pad: 96px;
  --section-pad-half: 48px;
  --container-max: 1280px;
  --gutter: 24px;

  /* ---------- Lag ---------- */
  --z-lastbro: 500;
  --z-bugt: 550;
  --z-lagerkort: 900;
  --z-landingszonen: 700;
  --z-manifest: 950;
  --z-modal: 1000;

  /* ---------- Lastbroen højde ---------- */
  --lastbro-h: 72px;
  --lastbro-h-compact: 56px;

  /* ---------- Landingszonen safe-space (§9.1) ----------
     Sat/opdateret af landingszonen.js til komponentens faktisk
     renderede højde — 0px når skjult, lille når kollapset, fuld når
     udvidet. Reserverer plads i bunden af scrollbart indhold så den
     bundforankrede widget aldrig dækker indhold/footer bagved. */
  --landingszone-safe: 0px;
}

@media (max-width: 1023px) {
  :root {
    --section-pad: 64px;
    --section-pad-half: 32px;
  }
}

@media (max-width: 767px) {
  :root {
    --section-pad: 48px;
    --section-pad-half: 24px;
  }
}