:root {

    /** Misc */
    --body-background-color: #f5f0ef;

    /* Brand colours — dusty rose / mauve (anchored on header #885f5d) */
    --brand-colour-header: #885f5d;
    --brand-colour-rose: #875c6e;
    --brand-colour-mauve: #865c87;
    --brand-colour-primary: #4a3635;
    --brand-colour-secondary: #9d8482;
    --brand-colour-accent: #d4b8b6;
    --brand-colour-surface: #3a2a35;
    --brand-colour-surface-shadow: #6e5a5e;
    --brand-colour-surface-hover: #523648;
    --brand-colour-text: #ffffff;
    --brand-colour-text-muted: #dcc8c6;
    --brand-colour-link-light: #f5e6dc;
    --brand-colour-link-dark: #c9786a;

    /* Buttons */
    --brand-colour-button: var(--brand-colour-header);
    --brand-colour-button-hover: var(--brand-colour-surface-hover);
    --brand-colour-button-active: var(--brand-colour-surface);

    /* Border radii */
    --border-radius-s: 0.5rem;
    --border-radius-md: 1rem;
    --border-radius-lg: 2rem;
    --nav-button-border-radius: var(--border-radius-lg);

    /* Spacing scale */
    --space-block: 1.5rem;
    --space-section: 2.5rem;
    --space-inline: 1rem;

    /* Header golden border */
    --header-border-thickness: 0.5rem;
    --header-border-gold-dark: #8b6914;
    --header-border-gold-mid: #d4af37;
    --header-border-gold-light: #f5e6a3;
    --header-border-gold-gradient: linear-gradient(
        90deg,
        var(--header-border-gold-dark) 0%,
        var(--header-border-gold-mid) 25%,
        var(--header-border-gold-light) 50%,
        var(--header-border-gold-mid) 75%,
        var(--header-border-gold-dark) 100%
    );

    --header-border-pink-dark: #b89290;
    --header-border-pink-mid: #c9a3bd;
    --header-border-pink-light: #f0e2e6;
    --header-border-pink: linear-gradient(
        90deg,
        var(--header-border-pink-dark) 0%,
        var(--header-border-pink-mid) 25%,
        var(--header-border-pink-light) 50%,
        var(--header-border-pink-mid) 75%,
        var(--header-border-pink-dark) 100%
    );
}