:root {
    --button-height: 2.1rem;
    --color-primary: #0878df;
    --color-secondardy: #dceeff;
    --color-secondardy-hover: #0664bb;
    --color-bg: #f0f5fb;
    --color-text: #11253d;
    --color-header: #11253d;
    --font-main: 'Segoe UI Variable Text', 'Segoe UI', system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --font-heading: 'Segoe UI Variable Display', 'Segoe UI', system-ui, sans-serif;
    --font-size: 11pt;
    --font-size-header: 15pt;
    --radius: 10px;
    --shadow: 0 5px 20px rgba(17, 37, 61, 0.06);
    --color-surface: #fff;
    --color-surface-soft: #f8fafc;
    --color-border: #e1e8f0;
    --color-muted: #64748b;
    --color-brand-navy: #07192d;
}