:root {
  --ink: #0E3D52;
  --primary: #1B6FB8;
  --primary-soft:   #EDF3F9; /* primary @ 8% over paper */
  --primary-soft-2: #E8F1F8; /* primary @ 10% over paper */
  --primary-soft-3: #DFEBF5; /* primary @ 14% over paper */
  --primary-edge:   rgba(27, 111, 184, 0.22); /* primary @ 22% */
  --navy: #0E3D52;
  --sea: #3F8E94;
  --go: #2D8A4E;
  --go-soft: #E5F2E8;
  --fog: #F4F6F8;
  --paper: #FFFFFF;
  --hairline: rgba(14, 61, 82, 0.10);
  --divider: rgba(14, 61, 82, 0.08);

  --text: #0E3D52;
  --text-dim: #5B7280;
  --text-mute: #5C6E7B;
  --text-on-dark: #FFFFFF;
  --text-dim-on-dark: rgba(255, 255, 255, 0.7);
  --label: #1F6F75;

  --alert: #B53A2A;
  --alert-soft: #FBE9E5;

  --font-sans: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", monospace;

  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  --tap-target: 56px;
  --stepper-size: 56px;
}