/* Clees & Ernster — Spacing, radius, shadow, layout tokens (8-px grid) */
:root{
  --space-0:0;
  --space-half:4px;     /* optical only: icon gaps, tag padding */
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:40px;
  --space-6:48px;
  --space-8:64px;
  --space-10:80px;
  --space-12:96px;
  --space-16:128px;
  --space-20:160px;

  /* Section rhythm */
  --section-y:clamp(80px,10vw,160px); /* @kind spacing */
  --stack-tight:var(--space-1);
  --stack:var(--space-2);
  --stack-loose:var(--space-4);

  /* Radius — restrained, precise */
  --radius-0:0;
  --radius-xs:2px;      /* tags, chart bars */
  --radius-sm:4px;      /* inputs, badges */
  --radius-md:8px;      /* buttons */
  --radius-lg:12px;     /* cards */
  --radius-xl:16px;     /* feature panels */
  --radius-pill:999px;  /* status dots, toggles only */

  /* Elevation — on dark, depth comes from surface steps + hairlines; shadows are subtle */
  --shadow-0:none;
  --shadow-1:0 1px 0 rgba(255,255,255,.04) inset,0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 1px 0 rgba(255,255,255,.05) inset,0 8px 24px -8px rgba(0,0,0,.7);
  --shadow-3:0 1px 0 rgba(255,255,255,.06) inset,0 24px 64px -16px rgba(0,0,0,.85);
  --shadow-glow:0 0 0 1px rgba(58,155,232,.35),0 8px 32px -8px rgba(10,132,214,.45);
  --shadow-focus:0 0 0 2px var(--bg-page),0 0 0 4px var(--focus-ring);

  /* Layout grid */
  --container-max:1280px; /* @kind spacing */
  --container-narrow:880px; /* @kind spacing */
  --grid-cols-mobile:4; /* @kind spacing */   --gutter-mobile:16px; /* @kind spacing */  --margin-mobile:20px; /* @kind spacing */   /* < 768 */
  --grid-cols-tablet:8; /* @kind spacing */   --gutter-tablet:24px; /* @kind spacing */  --margin-tablet:40px; /* @kind spacing */   /* 768–1199 */
  --grid-cols-desktop:12; /* @kind spacing */ --gutter-desktop:24px; /* @kind spacing */ --margin-desktop:64px; /* @kind spacing */  /* ≥ 1200 */
  --bp-tablet:768px; /* @kind spacing */
  --bp-desktop:1200px; /* @kind spacing */
  --header-h:72px; /* @kind spacing */

  --border-w:1px; /* @kind spacing */
}