/* Paid-tier semantics only. Core EVBOOST green and attention yellow remain independent. */
:root {
    --evb-pro-50: #F7F3FF;
    --evb-pro-100: #EEE7FF;
    --evb-pro-200: #DDD0FF;
    --evb-pro-300: #C6AEFF;
    --evb-pro-400: #A67CFA;
    --evb-pro-500: #8250DF;
    --evb-pro-600: #6D35C5;
    --evb-pro-700: #5727A3;
    --evb-pro-800: #432080;
    --evb-pro-900: #32185F;
    --evb-pro: var(--evb-pro-600);
    --evb-pro-hover: var(--evb-pro-700);
    --evb-pro-bg: var(--evb-pro-50);
    --evb-pro-border: var(--evb-pro-200);
    --evb-pro-text: var(--evb-pro-700);
    --evb-pro-gradient: linear-gradient(135deg, var(--evb-pro-700), var(--evb-pro-500));
    --evb-pro-shadow: color-mix(in srgb, var(--evb-pro-900) 18%, transparent);
}

/* Semantic palette only: dimensions and interaction remain component-owned.
   Important colors intentionally win over legacy inline/mobile theme rules. */
.evb-premium-mark {
    background:var(--evb-pro-100) !important; color:var(--evb-pro-700) !important;
    border-color:var(--evb-pro-200) !important; box-shadow:none !important;
}
.evb-header .evb-header-pro-cta__mark {
    background:var(--evb-pro-600) !important; color:#fff !important;
    border-color:var(--evb-pro-600) !important;
}
.evb-header .evb-header-pro-cta:hover .evb-header-pro-cta__mark { background:var(--evb-pro-700) !important; }
.evb-header .evb-header-pro-cta:active .evb-header-pro-cta__mark { background:var(--evb-pro-800) !important; }
.evb-menu-premium,.profile-premium--upgrade,.evb-home-pro__card,.evb-home-pro__chip {
    background:var(--evb-pro-gradient) !important; border-color:var(--evb-pro-700) !important;
    color:#fff !important; box-shadow:0 6px 18px var(--evb-pro-shadow) !important;
}
.evb-menu-premium strong { color:#fff !important; }
.evb-menu-premium__action { color:#ffd229 !important; }
.evb-menu-premium small,.evb-home-pro__rate,.profile-premium--upgrade .profile-premium__text { color:var(--evb-pro-100) !important; }
.profile-premium__cta,.evb-home-pro__action,.evb-range-premium a {
    background:var(--evb-pro-600) !important; border-color:var(--evb-pro-600) !important; color:#fff !important;
}
.profile-premium__cta:hover,.evb-home-pro__action:hover,.evb-range-premium a:hover,.evb-garage__upgrade:hover .evb-garage__upgrade-action { background:var(--evb-pro-700) !important; color:#fff !important; }
.profile-premium__cta:active,.evb-home-pro__action:active,.evb-range-premium a:active { background:var(--evb-pro-800) !important; }
.evb-range-premium { background:var(--evb-pro-50) !important; border-color:var(--evb-pro-200) !important; }
.evb-range-premium strong,.evb-range-premium p { color:var(--evb-pro-700) !important; }
.evb-range-usage-dot.is-premium { background:var(--evb-pro-600) !important; }
.profile-premium__badge { background:var(--evb-pro-100) !important; color:var(--evb-pro-700) !important; border-color:var(--evb-pro-200) !important; }
.evb-rd-condition.is-premium-cta { background:var(--evb-pro-50) !important; border-color:var(--evb-pro-200) !important; }
.evb-rd-condition.is-premium-cta a { color:var(--evb-pro-700) !important; }
:is(.evb-header-pro-cta,.evb-menu-premium,.evb-home-pro__action,.evb-home-pro__chip,.profile-premium__cta,.profile-premium__more,.evb-garage__upgrade,.evb-alternative-premium-cta):focus-visible,
.evb-range-premium a:focus-visible,.evb-rd-condition.is-premium-cta a:focus-visible {
    outline:3px solid var(--evb-pro-300) !important; outline-offset:3px;
}
.evb-range-premium-gate a:hover { background:var(--evb-pro-700); }
.evb-range-premium-gate a:active { background:var(--evb-pro-800); }
.evb-range-premium-gate a:focus-visible { outline:3px solid var(--evb-pro-300); outline-offset:3px; }
.evb-garage__upgrade:active .evb-garage__upgrade-action { background:var(--evb-pro-800); }