:root {
    --primary: #DA3F4B;
    --primary-dark: #A8222D;
    --secondary: #2A6182;
    --accent: #DA3F4B;
    --limestone: #F9F5EE;
    --glass: #D9E9EF;
    --heading: #111827;
    --text: #26313A;
    --text-muted: #5A6670;
    --surface: #FFFFFF;
    --surface-alt: #F9F5EE;
    --surface-dark: #102231;
    --on-surface: #26313A;
    --on-surface-alt: #26313A;
    --on-dark: #FFFFFF;
    --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);
}
.title {
    color: var(--heading) !important;
}

.has-background-dark,
.footer.has-background-dark,
.section-dark {
    background-color: var(--surface-dark) !important;
    color: var(--on-dark);
}

.has-background-dark .title,
.footer .title,
.section-dark .title,
.section-dark h1,
.section-dark h2,
.section-dark h3 {
    color: #FFFFFF !important;
}

.hero.is-primary,
.section-primary,
.has-background-primary {
    background-color: var(--primary) !important;
    color: var(--on-primary);
}

.hero.is-primary .title,
.hero.is-primary .subtitle,
.section-primary .title,
.section-primary h1,
.section-primary h2 {
    color: #FFFFFF !important;
}

.has-background-light,
.section-alt {
    background-color: var(--surface-alt) !important;
    color: var(--on-surface-alt);
}

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

.box, .card {
    background: var(--surface);
    color: var(--text);
}

.box .title,
.card .title {
    color: var(--heading) !important;
}