:root {
    --primary: #274E7D;
    --primary-dark: #17385f;
    --secondary: #183a5e;
    --accent: #35D3A7;
    --accent-dark: #19a883;
    --heading: #111827;
    --text: #243142;
    --text-muted: #5b6778;
    --surface: #FFFFFF;
    --surface-alt: #F5F8FB;
    --surface-dark: #0E243A;
    --on-surface: #243142;
    --on-surface-alt: #243142;
    --on-dark: #FFFFFF;
    --on-primary: #FFFFFF;
    --line: rgba(39, 78, 125, 0.16);
    --font-heading: "Inter", "Segoe UI", Arial, sans-serif;
    --font-body: "Inter", "Segoe UI", Arial, sans-serif;
}

body {
    font-family: var(--font-body);
    color: var(--text);
    background: var(--surface);
}

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

a {
    color: var(--primary);
}

a:hover {
    color: var(--primary-dark);
}