/* Explain: Theme tokens for the modern warm, high contrast identity. */
:root {
    /* ---- Brand colours (modern warm, high contrast) ---- */
    --primary-color: #D9532B;
    --primary-hover: #B23E1C;
    --secondary-color: #223229;
    --accent-color: #E8A13A;
    --logo-subtitle-color: #6B5D4F;
    --button-color: #1E1A16;

    /* ---- Surfaces ---- */
    --background-color: #FAF5ED;
    --surface-color: #F1E7D8;
    --footer-bg: #223229;
    --dark-section: #1E1A16;

    /* ---- Text ---- */
    --text-color: #1E1A16;
    --text-muted: #6B5D4F;
    --text-on-primary: #FFFFFF;
    --text-on-dark: #F7F0E6;
    --text-on-dark-muted: rgba(247, 240, 230, 0.72);

    /* ---- Lines / glass ---- */
    --border-color: rgba(30, 26, 22, 0.12);
    --footer-border: rgba(247, 240, 230, 0.16);
    --on-dark-soft: rgba(247, 240, 230, 0.12);
    --glass-bg: rgba(255, 255, 255, 0.62);
    --glass-border: rgba(30, 26, 22, 0.10);
    --nav-bg: rgba(250, 245, 237, 0.82);
    --field-bg: rgba(255, 255, 255, 0.75);
    --sage-soft: rgba(217, 83, 43, 0.12);
    --sage-dark: #B23E1C;
    --terracotta-soft: rgba(232, 161, 58, 0.18);

    /* ---- Shadows ---- */
    --shadow-soft: 0 24px 60px rgba(30, 26, 22, 0.10);
    --shadow-button: 0 18px 40px rgba(217, 83, 43, 0.32);

    /* ---- Typography ---- */
    --font-heading: 'Fraunces', Georgia, serif;
    --font-body: 'Manrope', system-ui, sans-serif;
    --font-logo: 'Fraunces', Georgia, serif;
}