:root {
  /* Primary - clinical navy */
  --color-primary: #0F3159;
  --color-primary-light: #1E4F82;
  --color-primary-dark: #0A2443;

  /* Brand accents from logo */
  --color-accent: #FC9569;
  --color-accent-light: #FFB492;
  --color-accent-dark: #E27D52;
  --color-highlight: #BD6491;
  --color-highlight-light: #D48BB1;

  /* Neutrals */
  --color-white: #FFFFFF;
  --color-off-white: #F6F9FD;
  --color-surface: #EEF3F9;
  --color-light-gray: #D8E2EE;
  --color-medium-gray: #5E7289;
  --color-dark-gray: #2F435A;
  --color-black: #102136;

  /* Semantic */
  --color-error: #D84C4C;

  /* Typography */
  --font-heading: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-body: 'Source Sans 3', 'Segoe UI', system-ui, sans-serif;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 3rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  /* Container */
  --container-max: 1200px;
  --container-padding: 1.5rem;

  /* Border radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 18px;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(15, 49, 89, 0.08);
  --shadow-md: 0 8px 24px rgba(15, 49, 89, 0.1);
  --shadow-lg: 0 20px 48px rgba(15, 49, 89, 0.14);
}