:root {
    --primary: #102a56;
    --primary-dark: #07172f;
    --secondary: #2f6fed;
    --accent: #d7a84b;
    --accent-strong: #f4c86f;
    --heading: #111827;
    --text: #263445;
    --text-muted: #5f6d7d;
    --surface: #FFFFFF;
    --surface-alt: #f4f8fc;
    --surface-glass: rgba(255, 255, 255, 0.78);
    --surface-dark: #07111f;
    --on-surface: #263445;
    --on-surface-alt: #263445;
    --on-dark: #f9fafb;
    --on-primary: #FFFFFF;
}

body {
    font-family: var(--font-body, system-ui, sans-serif);
    color: var(--text);
    background: var(--surface);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-heading, system-ui, sans-serif);
    color: var(--heading);
}