/* Bodhin — spacing, radius, borders, motion, elevation. */
:root {
  /* Spacing scale */
  --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;

  /* Radius — quiet 8px system */
  --radius-sm:  6px;
  --radius:     8px;   /* default */
  --radius-md:  10px;
  --radius-lg:  14px;  /* cards */
  --radius-pill: 999px;

  /* Borders — hairline */
  --border-width: 1px;
  --border: 1px solid var(--line);
  --border-strong: 1px solid var(--fg);

  /* Elevation — restrained. Whitespace does the work color usually does. */
  --shadow-none: none;
  --shadow-sm:  0 1px 2px rgba(0, 0, 0, .06);
  --shadow-md:  0 4px 12px rgba(0, 0, 0, .08);
  --shadow-knob: 0 1px 2px rgba(0, 0, 0, .2);

  /* Motion — short, quiet transitions */
  --ease: ease;            /* @kind other */
  --dur-fast: 120ms;       /* @kind other */
  --dur:      140ms;       /* @kind other */
  --dur-slow: 160ms;       /* @kind other */
  --transition: 140ms ease;/* @kind other */
}