:root {
  --color-primary: #004369;
  --color-primary-contrast: #F5F5F0;
  --color-accent: #2DDC87;
  --color-bg: #F5F5F0;
  --color-surface: #FFFFFF;
  --color-text: #004369;
  --color-muted: #4A6B82;
  --color-border: #D5DEE5;
  --font-heading: 'Titillium Web', sans-serif;
  --font-body: 'Titillium Web', sans-serif;
  --radius: 16px;
  --radius-pill: 999px;
  --shadow-soft: 0 10px 30px rgba(0, 67, 105, 0.12);
}