:root {
    --red: #8d1a1e;
    --red-dark: #8d1a1e;
    --red-rgb: 141, 26, 30;
    --green: #183b22;
    --green-deep: #183b22;
    --credit-gold: #bf8a24;
    --bs-danger: #8d1a1e;
    --bs-danger-rgb: 141, 26, 30;
    --banner-image: url("../img/banner-natal-2026.jpg");
    --banner-light-overlay: linear-gradient(90deg, #ffe8b8 0%, rgba(255, 232, 184, .98) 18%, rgba(255, 232, 184, .9) 28%, rgba(255, 232, 184, .78) 36%, rgba(255, 232, 184, .56) 44%, rgba(255, 232, 184, .32) 52%, rgba(255, 232, 184, .13) 61%, rgba(255, 232, 184, .03) 70%, rgba(255, 232, 184, 0) 78%);
    --banner-menu-overlay: linear-gradient(180deg, rgba(255, 232, 184, .78) 0, rgba(255, 232, 184, .64) 80px, rgba(255, 232, 184, .4) 155px, rgba(255, 232, 184, .18) 235px, rgba(255, 232, 184, .05) 310px, rgba(255, 232, 184, 0) 380px);
    --banner-dark-overlay: linear-gradient(90deg, #14251a 0%, rgba(20, 37, 26, .97) 18%, rgba(20, 37, 26, .84) 32%, rgba(20, 37, 26, .3) 53%, rgba(20, 37, 26, .08) 100%);
}

html[data-theme="dark"] {
    --green: #a5d39e;
    --green-deep: #7cad77;
}

.event-logo { display: block; object-fit: contain; }
html[data-theme="dark"] .event-logo { filter: url("#event-logo-color"); }
html[data-theme="dark"] .event-logo-ink { flood-color: #ffe8b8; }