/* ───────────────────────────────────────────────────────────────────
   ZUNFTMAX · BORDERS, RADII, SHADOW, MOTION
   The system is flat and editorial: hairline rules, hard corners, almost
   no shadow. Illustrations sit in rectangles with a *slight* radius.
   ─────────────────────────────────────────────────────────────────── */
:root {
  /* Radii — mostly square. Only media rects get a small radius. */
  --radius-0: 0px;
  --radius-sm: 4px;      /* illustration rectangles */
  --radius-md: 8px;
  --radius-pill: 999px;  /* mono pill tags */

  /* Borders */
  --border-hair: 1px;
  --border-rule: 1.5px;  /* captioned hairlines between blocks */
  --border-bold: 2px;

  /* Shadow — the brand is near shadowless. One soft lift for floating UI. */
  --shadow-none: none;
  --shadow-float: 0 18px 50px -24px rgba(0,0,0,0.55);

  /* Protection gradient for text over imagery (black base) */
  --scrim-ink: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* @kind other */
  --scrim-green: linear-gradient(180deg, rgba(2,32,25,0) 0%, rgba(2,32,25,0.85) 100%); /* @kind other */

  /* Motion — restrained, mechanical. No bounce. */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --dur-fast: 120ms; /* @kind other */
  --dur-base: 200ms; /* @kind other */
  --dur-slow: 420ms; /* @kind other */
}