/* ComplyVox — Space, radius, elevation, motion tokens */

:root {
  /* — Space: 4px scale — */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-7:  32px;
  --space-8:  40px;
  --space-9:  56px;
  --space-10: 72px;
  --space-11: 96px;

  /* Layout rhythm */
  --console-page-pad:  32px;
  --console-section-gap: 40px;
  --intake-page-pad:   24px;
  --intake-question-air: 56px;

  /* — Radius: small and editorial. Fully rounded only on waveform bars. — */
  --radius-sm:   4px;   /* chips, inputs, buttons */
  --radius-md:   8px;   /* menus, dialogs */
  --radius-full: 999px; /* waveform bars only */
  --radius-none: 0;     /* tables, rules */

  /* — Elevation: a strict budget. Shadow means "floats above the page". — */
  --elev-0: none; /* everything. flat. */
  --elev-1: 0 1px 2px rgba(26,21,48,.06), 0 4px 12px rgba(26,21,48,.08); /* menus, dropdowns, popovers, tooltips */
  --elev-2: 0 8px 32px rgba(26,21,48,.16); /* dialogs, modal sheets */

  /* — Motion: restrained. Shows causality, never decorates. — */
  --motion-state:  120ms;  /* @kind other */ /* hover, focus */
  --motion-reveal: 180ms;  /* @kind other */ /* menu, tooltip */
  --motion-commit: 240ms;  /* @kind other */ /* commit-and-settle */
  --ease: cubic-bezier(0.2, 0, 0, 1); /* @kind other */
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-state:  1ms; /* @kind other */
    --motion-reveal: 1ms; /* @kind other */
    --motion-commit: 1ms; /* @kind other */
  }
}