/*
 * FasterOutcomes brand tokens
 * Source: strategy/branding/BRAND_GUIDELINES.md
 *
 * These tokens intentionally load before the captured page CSS. They provide
 * one stable vocabulary for future AI-assisted edits without changing the
 * current production appearance.
 */
:root {
  --fo-brand: #4a6cf7;
  --fo-brand-light: #6b8aff;
  --fo-brand-dark: #3451db;
  --fo-navy: #2a3990;
  --fo-navy-dark: #1e2a6e;
  --fo-healthcare: #10b981;
  --fo-text: #1a1f36;
  --fo-text-secondary: #4a5568;
  --fo-text-muted: #718096;
  --fo-surface: #ffffff;
  --fo-surface-subtle: #f7f8fc;
  --fo-border: #d1d5e4;
  --fo-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fo-font-display: "Yrsa", Georgia, serif;
  --fo-content-width: 1440px;
  --fo-radius-sm: 4px;
  --fo-radius-md: 12px;
  --fo-radius-lg: 28px;
  --fo-shadow-sm: 0 1px 3px rgb(15 23 42 / 8%);
  --fo-shadow-md: 0 12px 32px rgb(15 23 42 / 12%);
}

html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}