:root{--brand-mint:#a0f2bc;--brand-middle:#62dfc6;--brand-cyan:#35bee9;--brand-gradient:linear-gradient(105deg,var(--brand-mint) 0%,var(--brand-middle) 46%,var(--brand-cyan) 100%)}
/* Keep the ramp local to the ink width, so every label spans the full range. */
.mint-text,.gaming-display>span,.heading-group>span,.mission-number,.country-title,.films-heading>p,.dialog-country{color:var(--brand-middle);background-image:var(--brand-gradient);background-repeat:no-repeat;background-size:100% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.gaming-display>span,.heading-group>span,.mission-number,.country-title,.films-heading>p,.dialog-country{display:inline-block;width:fit-content;max-width:100%}
.card-date time,.film-caption>span{display:inline-block;width:fit-content;color:var(--brand-middle);background-image:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.button-primary{background-image:var(--brand-gradient);background-color:var(--brand-middle);color:#062623}.button-primary:hover{background-image:var(--brand-gradient);filter:brightness(1.07)}
/* Re-tone only the existing logo artwork; the white lettering and geometry stay intact. */
.brand-mark{filter:hue-rotate(-20deg) saturate(.7) brightness(1.18)}
@media(forced-colors:active){.mint-text,.gaming-display>span,.heading-group>span,.mission-number,.country-title,.films-heading>p,.dialog-country,.card-date time,.film-caption>span{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}}
.card-date{width:fit-content;max-width:100%;background-image:var(--brand-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
