/* Ported from _extra/design system/tokens.css. Regenerate with: node tools/extract-assets.mjs */
/* One Off Credit Report design tokens v2.0 — approved navy, blue and gold direction. */
:root {
  --navy-950: #0a1833;
  --navy-900: #10294b;
  --blue-700: #104cd8;
  --blue-500: #3682f6;
  --blue-100: #dbeafe;
  --blue-50: #f2f7ff;
  --gold-700: #9a6408;
  --gold-500: #f4b44a;
  --gold-400: #ffc957;
  --gold-100: #fff2d9;
  --ink-900: #0f172a;
  --ink-600: #475569;
  --ink-500: #64748b;
  --ink-200: #cbd5e1;
  --paper: #fafaf8;
  --white: #ffffff;
  --neutral-soft: #f1f5f9;
  --success: #22c55e;
  --success-strong: #15803d;
  --success-soft: #dcfce7;
  --warning: #ff9e0b;
  --warning-strong: #a15c00;
  --warning-soft: #fff3d6;
  --error: #ef4444;
  --error-strong: #b42318;
  --error-soft: #fee2e2;
  --info: #3b82f6;
  --info-strong: #1d4ed8;
  --info-soft: #dbeafe;

  --display: "Newsreader", Georgia, serif;
  --sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --container: 1200px;
  --measure: 760px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-hero: 32px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgba(2, 6, 23, 0.05);
  --shadow-md: 0 4px 12px rgba(2, 6, 23, 0.08);
  --shadow-lg: 0 12px 30px rgba(2, 6, 23, 0.12);
  --duration-fast: 160ms;
  --duration-base: 180ms;
  --duration-slow: 520ms;
  --ease: cubic-bezier(.2, .65, .3, 1);

  --type-hero: clamp(3.45rem, 6.8vw, 6.2rem);
  --type-section: clamp(2.35rem, 5vw, 4.3rem);
  --type-feature: clamp(2.1rem, 4vw, 3.55rem);
  --type-lede: clamp(1.08rem, 2vw, 1.28rem);
  --type-body: 1rem;
  --type-ui: 0.98rem;
  --type-label: 0.76rem;
  --type-data: 0.68rem;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-30: 120px;

  /* v1 compatibility aliases; remove after component migration. */
  --forest-950: var(--navy-950);
  --forest-900: var(--navy-900);
  --forest-800: var(--navy-900);
  --forest-700: var(--blue-700);
  --forest-100: var(--blue-100);
  --forest-50: var(--blue-50);
  --cream-100: var(--paper);
  --cream-200: var(--blue-50);
  --cream-300: var(--ink-200);
  --ink: var(--ink-900);
  --body: var(--ink-600);
  --muted: var(--ink-500);
  --line: rgba(15, 23, 42, 0.12);
  --gold: var(--gold-500);
  --gold-dark: var(--gold-700);
  --gold-soft: var(--gold-100);
  --green: var(--success-strong);
  --green-soft: var(--success-soft);
  --amber: var(--warning-strong);
  --amber-soft: var(--warning-soft);
  --red: var(--error-strong);
  --red-soft: var(--error-soft);
  --grey-soft: var(--neutral-soft);
}