/* FiftyPlus design tokens — ported from design-handoff/colors_and_type.css (no font import). */
:root {
  --fp-green-light: #4A8A77;
  --fp-green: #3A6C5D;
  --fp-green-dark: #2A5246;
  --fp-lime-light: #D4FDCA;
  --fp-lime: #B9FB9F;
  --fp-lime-dark: #8CD975;
  --fp-gray-50: #F9FAFB;
  --fp-gray-100: #F3F4F6;
  --fp-gray-200: #E5E7EB;
  --fp-gray-300: #D1D5DB;
  --fp-gray-400: #9CA3AF;
  --fp-gray-500: #6B7280;
  --fp-gray-600: #4B5563;
  --fp-gray-700: #374151;
  --fp-gray-800: #1F2937;
  --fp-gray-900: #111827;
  --fp-primary-light: var(--fp-green-light);
  --fp-primary: var(--fp-green);
  --fp-primary-dark: var(--fp-green-dark);
  --fp-secondary-light: var(--fp-lime-light);
  --fp-secondary: var(--fp-lime);
  --fp-secondary-dark: var(--fp-lime-dark);
  --fp-accent: var(--fp-lime);
  --fp-bg: #FBF9F8;
  --fp-surface-lowest: #FFFFFF;
  --fp-surface-low: #FDFCFB;
  --fp-surface: #FBF9F8;
  --fp-surface-high: #F5F2F0;
  --fp-surface-highest: #EFEBEA;
  --fp-fg-1: var(--fp-gray-800);
  --fp-fg-2: var(--fp-gray-600);
  --fp-fg-3: var(--fp-gray-500);
  --fp-fg-on-primary: #FFFFFF;
  --fp-fg-on-accent: var(--fp-gray-800);
  --fp-border: var(--fp-gray-200);
  --fp-ghost-border: rgba(27, 28, 28, 0.10);
  --fp-focus-ring: rgba(58, 108, 93, 0.25);
  --fp-glass-bg: rgba(255, 255, 255, 0.70);
  --fp-glass-blur: 20px;
  --fp-gradient-primary: linear-gradient(135deg, var(--fp-primary) 0%, var(--fp-primary-light) 100%);
  --fp-font-heading: "Montserrat", system-ui, sans-serif;
  --fp-font-body: "Open Sans", system-ui, sans-serif;
  --fp-radius-sm: 8px;
  --fp-radius-md: 12px;
  --fp-radius-lg: 16px;
  --fp-radius-xl: 32px;
  --fp-radius-2xl: 48px;
  --fp-radius-pill: 9999px;
  --fp-shadow-subtle: 0 2px 8px rgba(27, 28, 28, 0.04);
  --fp-shadow-card: 0 4px 16px rgba(27, 28, 28, 0.06);
  --fp-shadow-elevated: 0 12px 32px rgba(27, 28, 28, 0.06);
  --fp-ease: cubic-bezier(.2, .7, .2, 1);
  --fp-dur-fast: 150ms;
  --fp-dur-normal: 200ms;
  --fp-dur-slow: 300ms;
}

body.homepage-merged-nav,
body.redefine-landing-page.fp-home {
  font-size: 18px;
}
