/* Cordish Group — Spacing, radius, shadow, layout tokens
   Generous whitespace. Rounded corners: ~10px cards, up to 24px panels/buttons.
   Soft low shadow paired with a hairline border. */
:root {
  /* ── Spacing scale (4px base) ───────────────── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;

  /* ── Radii ──────────────────────────────────── */
  --radius-sm:    6px;
  --radius-card:  10px;  /* cards */
  --radius-md:    14px;
  --radius-lg:    18px;
  --radius-panel: 24px;  /* panels, large buttons, pills */
  --radius-pill:  999px; /* chips, badges, capsule buttons */

  /* ── Shadows (soft + low; pair with hairline) ── */
  --shadow-xs:    0 1px 2px rgba(21, 32, 45, 0.05);
  --shadow-card:  0 4px 14px rgba(21, 32, 45, 0.06);
  --shadow-panel: 0 10px 30px rgba(21, 32, 45, 0.08);
  --shadow-pop:   0 18px 50px rgba(21, 32, 45, 0.18);

  /* ── Borders ────────────────────────────────── */
  --border-width: 1px;

  /* ── Icon chip sizes ────────────────────────── */
  --chip-sm: 38px;
  --chip-md: 56px;
  --chip-xl: 96px;

  /* ── Layout ─────────────────────────────────── */
  --container-max: 1200px;
  --gutter:        60px;
}