/* HELIX — Spacing, radii, shadows
   Calm, generous, instrument-like. Large tap targets for fast courtside use (≥44px).
   Soft hairline borders; one quiet elevation shadow; flat colour, no gradients. */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 6px;
  --space-3: 8px;
  --space-4: 10px;
  --space-5: 12px;
  --space-6: 14px;
  --space-7: 16px;
  --space-8: 20px;
  --space-9: 24px;
  --space-10: 30px;
  --space-11: 40px;
  --space-12: 48px;

  /* ---- Radii ---- */
  --radius-xs: 6px;    /* code chips, small pills, mono tags */
  --radius-sm: 8px;
  --radius-md: 10px;   /* inputs, list rows */
  --radius-lg: 13px;   /* buttons, match bar */
  --radius-xl: 16px;   /* cards */
  --radius-2xl: 20px;  /* sheets, large surfaces */
  --radius-phone: 25px;
  --radius-icon: 22%;  /* app-icon squircle ratio */
  --radius-pill: 999px;

  /* ---- Hit target ---- */
  --tap-min: 44px;

  /* ---- Elevation (quiet; one main shadow) ---- */
  --shadow-none: none;
  --shadow-sm: 0 1px 2px rgba(20, 24, 33, 0.05);
  --shadow-card: 0 1px 3px rgba(20, 24, 33, 0.06), 0 1px 2px rgba(20, 24, 33, 0.04);
  --shadow-raised: 0 8px 24px -12px rgba(20, 24, 33, 0.30);
  --shadow-phone: 0 18px 40px -18px rgba(20, 24, 33, 0.50);
  --shadow-focus: 0 0 0 3px rgba(30, 107, 255, 0.30);

  /* ---- Borders ---- */
  --border-width: 1px;
  --border-width-strong: 1.5px;  /* default chips, secondary buttons */
  --border-width-armed: 2px;     /* armed position-code state */

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --duration-fast: 120ms; /* @kind other */ /* taps must feel instant (<100ms perceived) */
  --duration-base: 180ms; /* @kind other */
  --duration-slow: 260ms; /* @kind other */
}