:root {
    --primary: #8f1d2c;
    --primary-dark: #5f0f1b;
    --secondary: #b66a34;
    --accent: #f2b544;
    --accent-2: #c46b2d;
    --heading: #111827;
    --text: #27313f;
    --text-muted: #5d6878;
    --surface: #ffffff;
    --surface-alt: #f7f2ea;
    --surface-dark: #080b10;
    --surface-dark-2: #121721;
    --on-surface: #27313f;
    --on-surface-alt: #27313f;
    --on-dark: #f9fafb;
    --on-primary: #ffffff;
    --font-heading: Georgia, "Times New Roman", serif;
    --font-body: Arial, Helvetica, 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: inherit;
}

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

.section-dark h1,
.section-dark h2,
.section-dark h3,
.section-dark h4,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    color: #ffffff;
}

.light-card {
    background: #ffffff;
    color: #27313f;
}

.light-card h3,
.light-card h4 {
    color: #111827;
}

.dark-card {
    background: rgba(8, 11, 16, 0.82);
    color: #ffffff;
}

.dark-card h3,
.dark-card h4 {
    color: #ffffff;
}