/* Quantulus Signal — Spacing, radius, elevation
   An 8-point rhythm. Corners: 8 tiles / 12 cards / 16 surfaces / full capsules. */
:root {
  /* ---- Spacing (8-pt) ---- */
  --space-1: 4px;
  --space-2: 8px;    /* small */
  --space-3: 12px;
  --space-4: 16px;   /* medium */
  --space-5: 20px;
  --space-6: 24px;   /* large */
  --space-8: 32px;
  --space-10: 40px;
  --space-14: 56px;

  /* ---- Radius ---- */
  --radius-tile: 8px;     /* stat tiles, small buttons */
  --radius-card: 12px;    /* cards, inputs, buttons */
  --radius-surface: 16px; /* large surfaces, sheets */
  --radius-full: 999px;   /* badges, switches, pills */

  /* ---- Borders ---- */
  --hairline: 1px;

  /* ---- Elevation (dark UI leans on borders + tint, not drop shadow) ---- */
  --shadow-knob: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-pop: 0 8px 24px rgba(0,0,0,0.5);
  --focus-shadow: 0 0 0 3px var(--focus-ring);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --dur-fast: 0.12s; /* @kind other */
  --dur: 0.15s; /* @kind other */
  --dur-slow: 0.18s; /* @kind other */
}