:root {
    --primary: #091D37;
    --primary-dark: #061426;
    --secondary: #123457;
    --accent: #64C4C0;
    --success: #2F8F5B;
    --heading: #111827;
    --text: #374151;
    --text-muted: #5B6472;
    --surface: #FFFFFF;
    --surface-alt: #F5F8FA;
    --surface-dark: #091D37;
    --on-surface: #374151;
    --on-surface-alt: #374151;
    --on-dark: #F9FAFB;
    --on-primary: #FFFFFF;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading, Georgia, "Times New Roman", serif);
    color: var(--heading);
}

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

a:hover {
    color: var(--secondary);
}

.section-dark {
    background-color: var(--surface-dark);
    color: var(--on-dark);
}

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.section-dark p,
.section-dark a {
    color: #FFFFFF;
}