:root {
  --color-primary: #1e40af;
  --color-secondary: #2563eb;
  --color-accent: #0d9488;
  --color-background: #f0f9ff;
  --color-foreground: #1e3a5f;
  --color-surface: color-mix(in srgb, var(--color-background) 92%, var(--color-foreground) 8%);
  --color-muted: color-mix(in srgb, var(--color-foreground) 50%, var(--color-background) 50%);
  --color-border: color-mix(in srgb, var(--color-foreground) 15%, var(--color-background) 85%);
  --color-on-primary: var(--color-background);
  color-scheme: light;
}