/* ============================================================
   Tachikoma — Spacing, radii & layout tokens
   8px-based rhythm. Generous vertical section padding (py-32 on
   the marketing surface). Cards are rounded-2xl (16px).
   ============================================================ */
:root {
  /* spacing scale (8px base) */
  --tk-space-1: 0.25rem;  /* 4 */
  --tk-space-2: 0.5rem;   /* 8 */
  --tk-space-3: 0.75rem;  /* 12 */
  --tk-space-4: 1rem;     /* 16 */
  --tk-space-5: 1.5rem;   /* 24 */
  --tk-space-6: 2rem;     /* 32 */
  --tk-space-7: 3rem;     /* 48 */
  --tk-space-8: 4rem;     /* 64 */
  --tk-space-9: 6rem;     /* 96 — between sections */
  --tk-space-10: 8rem;    /* 128 — py-32 */

  /* radii */
  --tk-radius-sm: 0.375rem;  /* 6 — chips, pills inner */
  --tk-radius-md: 0.5rem;    /* 8 — buttons, inputs */
  --tk-radius-lg: 0.75rem;   /* 12 — icon tiles */
  --tk-radius-xl: 1rem;      /* 16 — cards (rounded-2xl) */
  --tk-radius-2xl: 1.5rem;   /* 24 — feature panels */
  --tk-radius-3xl: 2rem;     /* 32 — CTA panel */
  --tk-radius-pill: 999px;   /* full — pills, dots */

  /* layout */
  --tk-container: 72rem;     /* 1152 — max-w-6xl */
  --tk-container-wide: 80rem;/* 1280 — max-w-7xl */
  --tk-header-h: 4.5rem;     /* 72 — sticky header */
}