/* TANGO — Spacing & layout tokens
 * The world is "built, not decorated": geometric blocks on an 8px rhythm,
 * generous architectural gaps, hard edges.
 */
:root {
  /* ---- Spacing scale (8px base) --------------------------------------- */
  --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-7: 3rem;     /* 48 */
  --space-8: 4rem;     /* 64 */
  --space-9: 6rem;     /* 96 */
  --space-10: 8rem;    /* 128 */
  --space-11: 10rem;   /* 160 — full-bleed section padding */

  /* ---- Layout --------------------------------------------------------- */
  --container-max: 1280px;  /* @kind spacing */
  --container-wide: 1480px; /* @kind spacing */
  --gutter: clamp(1.25rem, 4vw, 4rem);   /* @kind spacing */
  --section-y: clamp(4rem, 9vw, 9rem);   /* @kind spacing */

  /* ---- Radii — TANGO is sharp. Corners are near-square. --------------- */
  --radius-none: 0;
  --radius-xs: 2px;    /* labels, chips — barely rounded like the bottle labels */
  --radius-sm: 4px;
  --radius-md: 6px;    /* max for most UI */
  --radius-pill: 999px; /* only for the rare pill / toggle */

  /* ---- Borders -------------------------------------------------------- */
  --border-hair: 1px;   /* @kind spacing */
  --border-line: 2px;   /* @kind spacing */
  --border-frame: 3px;  /* @kind spacing */
  --border-beam: 6px;   /* @kind spacing */

  /* ---- Z ------------------------------------------------------------- */
  --z-base: 1;       /* @kind other */
  --z-raised: 10;    /* @kind other */
  --z-sticky: 100;   /* @kind other */
  --z-overlay: 1000; /* @kind other */
}