/* ============================================================
   SAKR — Spacing, layout, radii, motion (per Brand Identity System)
   Scale: 4 / 8 / 16 / 24 / 40 / 64. Radius 2px max. No shadows.
   ============================================================ */
:root {
  /* Spacing scale (PDF: 4/8/16/24/40/64) */
  --space-1:  4px; /* @kind spacing */
  --space-2:  8px; /* @kind spacing */
  --space-3:  16px; /* @kind spacing */
  --space-4:  24px; /* @kind spacing */
  --space-5:  40px; /* @kind spacing */
  --space-6:  64px; /* @kind spacing */
  --space-7:  96px; /* @kind spacing */

  /* Section rhythm */
  --section-y:       clamp(4rem, 8vw, 8rem); /* @kind spacing */
  --section-y-tight: clamp(2.5rem, 5vw, 4rem); /* @kind spacing */

  /* Layout (PDF: 12-col, 24px gutter, 1200px max) */
  --container:        1200px; /* max content width */
  --container-narrow: 760px;  /* prose / forms */
  --gutter:           24px; /* @kind spacing */
  --gutter-page:      clamp(1.25rem, 5vw, 3rem); /* @kind spacing */

  /* Radii (PDF: 2px max, no pills, sharp edges) */
  --radius-0: 0px; /* @kind spacing */
  --radius-1: 2px; /* @kind spacing */

  /* Strokes (PDF: 0.5–1pt, hairlines preferred) */
  --stroke-hair: 0.5px; /* @kind spacing */
  --stroke-1:    1px;   /* @kind spacing */

  /* Motion — restrained, no bounce */
  --ease-out:  cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --dur-fast:  140ms; /* @kind other */
  --dur-base:  240ms; /* @kind other */
  --dur-slow:  420ms; /* @kind other */

  /* Elevation — NO shadows. Depth = layering + colour only. */
  --shadow-none: none;

  /* Focus */
  --focus-width: 2px; /* @kind spacing */
  --focus-offset: 2px; /* @kind spacing */

  /* Z */
  --z-nav: 100; /* @kind other */
  --z-overlay: 900; /* @kind other */
}