/* Arrow Apothecary - canonical visual tokens. */
:root {
  --color-page: #f9f9ff;
  --color-surface: #ffffff;
  --color-surface-soft: #f4f7fb;
  --color-surface-blue: #f0f3ff;
  --color-surface-deep: #e8eef5;
  --color-primary-text: #111c2d;
  --color-secondary-text: #475569;
  --color-muted-text: #64748b;
  --color-border: #d1dce5;
  --color-border-soft: #e8eef5;
  --color-brand-navy: #0f2b48;
  --color-brand-deep: #081d33;
  --color-brand-blue: #1d5c8a;
  --color-action: #c92a2a;
  --color-action-hover: #b91c1c;
  --color-action-soft: #ffb4ac;
  --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;
  --container-max: 1180px;
  --gutter-desktop: 32px;
  --gutter-mobile: 16px;
  --radius-sm: 4px; --radius-md: 6px; --radius-lg: 8px; --radius-pill: 999px;
  --shadow-card: 0 1px 3px rgba(15, 43, 72, .04), 0 4px 12px rgba(15, 43, 72, .03);
  --shadow-hover: 0 14px 30px rgba(15, 43, 72, .12);
  --ease-standard: cubic-bezier(.2, .65, .3, 1);
  --duration-fast: 150ms; --duration-standard: 250ms; --duration-slow: 400ms;
}