/* MORA spacing, radii, motion.
   Brand rules: ALWAYS rounded corners (no sharp corners) and NO shadows (surfaces are outlined, never shadowed). */
:root {
  /* Spacing scale (4px base) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;

  /* Radii — never 0 */
  --radius-sm: 10px;   /* inputs, tags, small chips */
  --radius-md: 16px;   /* buttons, fields */
  --radius-lg: 24px;   /* cards */
  --radius-xl: 36px;   /* panels, hero blocks */
  --radius-pill: 999px;

  /* No shadow tokens — MORA surfaces are outlined with borders, never shadowed. */

  /* Motion — calm, precise */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 250ms; /* @kind other */
  --duration-slow: 450ms; /* @kind other */
}