/* MichaelOnline v3: single source of truth for visual design tokens. */
:root {
    color-scheme: light;
    --ui-brand: #21966b;
    --ui-brand-hover: #167b54;
    --ui-text: #172a26;
    --ui-muted: #63736f;
    --ui-surface: #ffffff;
    --ui-surface-soft: #f3f8f5;
    --ui-border: #e3ebe6;
    --ui-danger: #b42318;
    --ui-radius-sm: 8px;
    --ui-radius-md: 12px;
    --ui-radius-lg: 16px;
    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-5: 20px;
    --ui-space-6: 24px;
    --ui-space-8: 32px;
    --ui-focus: 0 0 0 3px #21966b55;
    --ui-nav-height: 80px;
    /* Shared navigation breakpoint: 1134px, also used by JS. */
}
[data-theme="dark"] {
    color-scheme: dark;
    --ui-text: #e6f0eb;
    --ui-muted: #a8b9b0;
    --ui-surface: #15231e;
    --ui-surface-soft: #1d3027;
    --ui-border: #365044;
}