/* Design tokens — Aquans design system (Flood Protection Finder) */

:root {
  --navy-950: #0e2236;
  --navy-900: #16344f;
  --navy-800: #1c4568;
  --navy-700: #235a85;
  --blue-600: #2c6e97;
  --blue-500: #4a8bb5;
  --blue-400: #6ea3c4;
  --blue-300: #8fc0da;
  --blue-200: #b9dbec;
  --ice-200: #dcedf6;
  --ice-100: #eaf4fa;
  --ice-050: #f5faff;
  --white: #ffffff;
  --ink-900: #12222e;
  --ink-700: #2c4353;
  --slate-600: #52707f;
  --slate-400: #7f97a3;
  --slate-200: #c3d3da;
  --coral-500: #df818a;
  --coral-100: #f7dfe1;
  --green-500: #3fa88f;
  --green-100: #d9f0e9;
  --surface-page: var(--white);
  --surface-sunken: var(--ice-050);
  --surface-card: var(--white);
  --surface-card-tinted: var(--ice-100);
  --surface-inverse: var(--navy-900);
  --surface-inverse-elevated: var(--navy-800);
  --surface-brand: var(--blue-500);
  --text-primary: var(--ink-900);
  --text-secondary: var(--slate-600);
  --text-on-inverse: var(--white);
  --text-on-inverse-muted: var(--blue-200);
  --text-brand: var(--blue-600);
  --text-link: var(--blue-600);
  --text-link-hover: var(--navy-800);
  --border-subtle: var(--slate-200);
  --border-strong: var(--slate-400);
  --border-on-inverse: rgba(255, 255, 255, 0.18);
  --accent-positive: var(--green-500);
  --accent-attention: var(--coral-500);
  --focus-ring: var(--blue-500);
}
:root {
  --text-display-xl: 400 68px/1.05 var(--font-display);
  --text-display-lg: 400 48px/1.1 var(--font-display);
  --text-display-md: 400 34px/1.15 var(--font-display);
  --text-display-sm: 400 26px/1.2 var(--font-display);
  --text-body-lg: 400 19px/1.6 var(--font-body);
  --text-body-md: 400 16px/1.6 var(--font-body);
  --text-body-sm: 400 14px/1.5 var(--font-body);
  --text-label-lg: 600 15px/1.3 var(--font-body);
  --text-label-md: 600 13px/1.3 var(--font-body);
  --text-label-sm: 700 11px/1.2 var(--font-body);
  --text-eyebrow: 700 12px/1.2 var(--font-body);
  --tracking-eyebrow: 0.12em;
  --tracking-nav: 0.02em;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(18, 34, 46, 0.06);
  --shadow-md: 0 4px 16px rgba(18, 34, 46, 0.08);
  --shadow-lg: 0 12px 40px rgba(18, 34, 46, 0.12);
  --shadow-focus: 0 0 0 3px rgba(74, 139, 181, 0.35);
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); 
  --duration-fast: 120ms; 
  --duration-md: 220ms; 
  --duration-slow: 360ms; 
}

:root{--font-display:'Atkinson Hyperlegible',system-ui,-apple-system,sans-serif;--font-body:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-mono:'SFMono-Regular',ui-monospace,Menlo,monospace;}