/* ============================================================
   MAX HAURI — Spacing & layout tokens
   Built on the brand "Quadrat" (square). The print grid uses a
   25×25mm module with 5mm gutters (ratio 5:1) and a 3 / 6 / 12
   column raster. Digitally we keep an 8px base with a square
   module so tiles stay literally square.
   ============================================================ */
:root {
  /* Base 8px scale */
  --space-0:  0;
  --space-1:  0.25rem;  /* 4  */
  --space-2:  0.5rem;   /* 8  */
  --space-3:  0.75rem;  /* 12 */
  --space-4:  1rem;     /* 16 */
  --space-5:  1.5rem;   /* 24 */
  --space-6:  2rem;     /* 32 */
  --space-8:  3rem;     /* 48 */
  --space-10: 4rem;     /* 64 */
  --space-12: 6rem;     /* 96 */
  --space-16: 8rem;     /* 128 */

  /* Square grid (digital echo of the 25mm module / 5mm gutter) */
  --grid-module: 8rem;        /* base square tile = 128px */
  --grid-gutter: 1.6rem;      /* 5:1 ratio to module ≈ 25.6px */
  --grid-columns: 12;  /* @kind other */
  --container-max: 1280px;
  --container-pad: 1.5rem;

  /* Radii — brand is square-first. Sharp by default, hairline softening only. */
  --radius-none: 0;
  --radius-xs:   2px;   /* default for interactive controls */
  --radius-sm:   4px;
  --radius-pill: 999px; /* tags / status dots only */

  /* Contour / border widths (the logo "Kontur", scaled proportionally) */
  --border-hair: 1px;
  --border-thin: 2px;
  --border-bold: 3px;   /* square outline element */

  /* Touch target floor (mobile-first) */
  --hit-min: 44px;
}