@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  --color-bg:          #FFFFFF;
  --color-bg-white:    #FFFFFF;
  --color-bg-section:  #F7FBFF;
  --color-bg-dark:     #0F2A4A;

  --color-accent:      #1F5E9C;
  --color-accent-dark: #174d82;
  --color-accent-light:#DDEEFE;

  --color-teal:        #00A79D;
  --color-teal-dark:   #008D84;

  --color-text:        #243041;
  --color-text-muted:  #3D5068;
  --color-text-light:  #5A7A96;

  --color-border:      #D6E6F5;

  --font-heading: 'Manrope', system-ui, sans-serif;
  --font-serif:   'Manrope', system-ui, sans-serif;
  --font-sans:    'Inter', system-ui, sans-serif;

  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  5rem;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  --shadow-card: 0 4px 20px rgba(31,94,156,0.05);
  --shadow-card-hover: 0 8px 32px rgba(31,94,156,0.10);

  --container: 820px;
}