:root {
    /* Brand */
    --color-primary: #D20A0A;
    --color-primary-hover: #B80707;
    --color-primary-soft: #FDEAEA;

    /* Text */
    --color-heading: #111315;
    --color-text: #1B1D1F;
    --color-text-muted: #62676D;

    /* Backgrounds */
    --color-background: #FAFAF8;
    --color-surface: #FFFFFF;
    --color-surface-soft: #F4F1ED;

    /* Structure */
    --color-border: #E4E0DA;
    --color-border-strong: #CBC5BD;

    /* Logo accents */
    --color-roof: #2A2D30;
    --color-metal: #6F767D;

    /* UI */
    --color-shadow: rgba(17, 19, 21, 0.10);
    --color-focus: rgba(210, 10, 10, 0.28);
}