/* Shared foundation: loaded before page and component styles. */
:root {
  --ink: #152139;
  --muted: #586579;
  --blue: #526f9b;
  --blue-dark: #3e5b85;
  --wash: #edf3fa;
  --line: #e1e7ef;
  --white: #ffffff;
  --surface-soft: #f7f8fa;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-control: 10px;
  --radius-panel: 16px;
  --radius-dialog: 20px;
  --radius: var(--radius-panel);
  --shadow: 0 8px 30px #23385810;
  --motion-fast: 160ms;
  --motion-panel: 220ms;
  --motion-ease: cubic-bezier(.2,.8,.2,1);
}