/*
 * Placeholder brand palette. Values below are approximations pending the
 * exact hex codes from the F&F print style guide (Purple Core, Coral Core,
 * Teal Dark, plus supporting shades) — replace once confirmed.
 */
:root {
    --ff-purple-core: #4b2e6f;
    --ff-coral-core: #e5654e;
    --ff-teal-dark: #1f5c56;
    --ff-ink: #201a1a;
    --ff-paper: #faf7f2;
}

body {
    margin: 0;
    font-family: Calibri, "Segoe UI", sans-serif;
    color: var(--ff-ink);
    background: var(--ff-paper);
}

h1, h2, h3 {
    font-family: Georgia, "Times New Roman", serif;
    color: var(--ff-purple-core);
}

.ff-hello {
    max-width: 40rem;
    margin: 4rem auto;
    padding: 0 1.5rem;
}

.ff-footer {
    max-width: 40rem;
    margin: 2rem auto;
    padding: 1rem 1.5rem;
    font-size: 0.75rem;
    color: var(--ff-teal-dark);
    border-top: 1px solid var(--ff-teal-dark);
}

.ff-error {
    color: var(--ff-coral-core);
}
