:root {
    --evo-red: #A21D1B;
    --evo-red-hover: #861817;
    --evo-red-active: #6F1312;
    --evo-red-soft: #F7E8E7;
    --evo-red-subtle: #FDF8F8;

    --evo-charcoal: #1E1E1C;
    --evo-charcoal-soft: #353532;
    --evo-charcoal-muted: #565652;

    --evo-white: #FFFFFF;
    --evo-page-background: #F5F5F4;
    --evo-surface: #FFFFFF;
    --evo-surface-muted: #F1F1EF;
    --evo-surface-hover: #FAF5F5;

    --evo-text: #1E1E1C;
    --evo-text-secondary: #56524F;
    --evo-text-muted: #706B67;
    --evo-border: #DEDAD8;
    --evo-border-strong: #BEB8B4;

    --evo-success: #217A3C;
    --evo-success-soft: #E3F2E7;
    --evo-warning: #9A6500;
    --evo-warning-soft: #FFF2CC;
    --evo-danger: #A21D1B;
    --evo-danger-soft: #F7E8E7;

    --evo-focus-ring: rgba(162, 29, 27, 0.24);

    --evo-radius-sm: 6px;
    --evo-radius-md: 10px;
    --evo-radius-lg: 14px;

    --evo-shadow-sm: 0 2px 8px rgba(30, 30, 28, 0.06);
    --evo-shadow-md: 0 8px 24px rgba(30, 30, 28, 0.10);
    --evo-shadow-lg: 0 16px 40px rgba(30, 30, 28, 0.14);

    --evo-transition: 160ms ease;

    --header-height: 120px;
    --logo-height: 84px;
    --toolbar-sticky-offset: 12px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}