:root {
    --color-primary: #0040a0;
    --color-primary-dark: #60a000;
    --color-secondary: #0060c0;
    --color-accent: #60a000;
    --color-bg: #f4f7fb;
    --color-surface: #ffffff;
    --color-surface-soft: color-mix(in srgb, #0040a0 8%, #ffffff);
    --color-text: #182033;
    --color-on-primary: #ffffff;
    --color-on-secondary: #ffffff;
    --color-on-accent: #111827;
}

[data-theme="dark"] {
    --color-primary: #0040a0;
    --color-primary-dark: #60a000;
    --color-secondary: #0060c0;
    --color-accent: #60a000;
    --color-bg: #101624;
    --color-surface: #182033;
    --color-surface-soft: color-mix(in srgb, #0040a0 12%, #182033);
    --color-text: #f4f7fb;
    --color-on-primary: #ffffff;
    --color-on-secondary: #ffffff;
    --color-on-accent: #111827;
}