/* ============================================================
   JACQUARD — Spacing, radii, shadow & motion tokens
   Two signature moves:
   1. MIXED RADII. Actions are rounded (pills, 999px); data is
      square (cards, tables, KPIs = 0). This lets data sit cleanly
      inside editorial chrome.
   2. FLAT. No drop shadows in the resting UI — depth comes from
      hairline rules and generous negative space. Shadows appear
      only on lifted overlays (menus, modals, toasts, drawers).
   ============================================================ */

:root {
  /* ---- Spacing — generous; negative space is the brief ---- */
  --pad-card:    32px;
  --pad-screen:  48px;
  --gap-stack:   28px;
  --gap-section: 56px;

  /* Step scale for ad-hoc spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* ---- Radii — MIXED. Rounded actions, square data. ---- */
  --radius-pill:   999px;   /* buttons, toggles, chips, badges */
  --radius-button: 999px;
  --radius-input:  24px;    /* chat composer pill / textarea */
  --radius-card:   0;       /* cards — SQUARE */
  --radius-table:  0;       /* tables / KPI blocks — SQUARE */
  --radius-small:  0;
  --radius:        var(--radius-card);  /* default = card (square) */

  /* ---- Shadow — flat resting UI; lift only on overlays ---- */
  --shadow-1: none;
  --shadow-2: none;
  --shadow-pop:    0 1px 0 rgba(21,2,12,0.04), 0 10px 32px -12px rgba(21,2,12,0.18);
  --shadow-modal:  0 1px 0 rgba(21,2,12,0.06), 0 32px 80px -24px rgba(21,2,12,0.4);
  --shadow-toast:  0 1px 0 rgba(21,2,12,0.06), 0 16px 40px -16px rgba(21,2,12,0.45);

  /* ---- Motion — snappy, gentle overshoot, no bounce ---- */
  --ease:     cubic-bezier(0.34, 1.0, 0.4, 1); /* @kind other */
  --duration: 160ms; /* @kind other */
}