/* ============================================================
   TANGRAM · SPACING, RADII & LAYOUT
   8-pt base. Rounding is generous & friendly (playful brand).
   ============================================================ */

:root {
  /* Spacing — 8pt rhythm with a 4pt half-step */
  --tg-space-1: 4px;
  --tg-space-2: 8px;
  --tg-space-3: 12px;
  --tg-space-4: 16px;
  --tg-space-5: 24px;
  --tg-space-6: 32px;
  --tg-space-7: 48px;
  --tg-space-8: 64px;
  --tg-space-9: 96px;

  /* Radii — pill-friendly, rounded everything */
  --tg-radius-xs: 6px;
  --tg-radius-sm: 10px;
  --tg-radius-md: 16px;   /* default card / input                 */
  --tg-radius-lg: 24px;   /* large cards, modals                  */
  --tg-radius-xl: 32px;
  --tg-radius-pill: 999px; /* buttons, chips, badges               */

  /* Container widths */
  --tg-container-sm: 640px;
  --tg-container-md: 960px;
  --tg-container-lg: 1200px;

  /* Borders */
  --tg-border-width: 1.5px; /* @kind spacing */
  --tg-border-width-strong: 2.5px; /* @kind spacing */
}