/* Slatka Tačka: the navy, pink and cream sampled from its sticker animation.
   Keep the reference typography, scene geometry and actual product imagery. */
:root{--brand-navy:#0b2a59;--brand-deep:#071e43;--brand-blue:#17396b;--brand-pink:#e5809d;--brand-blush:#f6cecf;--brand-cream:#f7ebdb;--brand-pale-blue:#e8eff8;--brand-mid-blue:#cfddf0;--brand-rose:#a93661;--white:var(--brand-cream);--bg-pale:var(--brand-pale-blue);--bg-light:var(--brand-navy);--dark-green:var(--brand-navy);--light-green:var(--brand-pink);--ink:var(--brand-navy);--cream:var(--brand-cream)}
html,body.body,.page-wrapper{background-color:var(--brand-navy);color:var(--brand-cream)}
::selection{background:var(--brand-pink);color:var(--brand-navy)}
.brand-intro,#brand-intro{background-color:var(--brand-navy);color:var(--brand-cream)}
.scroll-progress{background-color:var(--brand-pink)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--brand-pink)}

/* A shared source colour names both text and surfaces. Give the buttons their
   own explicit pair instead of letting navy text disappear on a navy button. */
.button,.button.is-white,.button.is-light{color:var(--brand-navy)}
.button .button-text,.button .button-arrow{color:var(--brand-navy)}
.button .button-bg,.button .button-cycle-bg{background-color:var(--brand-pink)}
.button .button-bg.white-bg,.button .button-bg.light-bg,.button .button-cycle-bg.white-bg,.button .button-cycle-bg.light-bg{background-color:var(--brand-cream)}
.button-bg{box-shadow:0 .15em .4em rgba(7,30,67,.12)}

/* Pale opening panel retains the ingredient movie's natural food tones. */
.stage{background-color:var(--brand-pale-blue);color:var(--brand-navy)}
.stage .hero-heading,.stage .paragraph,.stage .replica-sketch-text{color:var(--brand-navy)}
.stage .hero-heading .white-span{color:var(--brand-rose)}
.stage .stage-bg{color:var(--brand-mid-blue)}
.stage .stage-fact{background-color:var(--brand-blush);border-color:rgba(11,42,89,.16);box-shadow:0 .35em .85em rgba(11,42,89,.1)}
.stage .stage-fact-number,.stage .stage-fact-unit,.stage .stage-fact-text{color:var(--brand-navy)}
.stage a:focus-visible,.stage button:focus-visible{outline-color:var(--brand-navy)}
.marquee-bg-svg{color:var(--brand-pink)}
.marquee-text-svg text{fill:var(--brand-navy)}
.marquee-overlay{background-color:var(--brand-navy)}

/* Navy editorial and motion sections, with readable cream copy. */
.insider-section,.sequence-section,.payment-section{background-color:var(--brand-navy);color:var(--brand-cream)}
.insider-section .insider-heading,.insider-section .insider-subheading,.insider-section .paragraph,.insider-section .rating-link,.insider-section .rating-text{color:var(--brand-cream)}
.light-green-span{color:var(--brand-rose)}
.insider-section .light-green-span,.sequence-section .sequence-title .light-green-span,.payment-section .light-green-span{color:var(--brand-pink)}
.testimonial-inner{background-color:var(--brand-cream);box-shadow:0 24px 48px -18px rgba(7,30,67,.4),0 3px 12px rgba(7,30,67,.15)}
.testimonial-inner .testimonial-media{background-color:var(--brand-cream);box-shadow:0 16px 28px -14px rgba(7,30,67,.28)}
.testimonial-img.replica-campaign-photo{background-color:var(--brand-cream)}
.testimonial-media:before{background-color:var(--brand-blush);color:var(--brand-navy)}
.reel-play,.reel-caption{background-color:var(--brand-blush);color:var(--brand-navy)}
.sequence-section .sequence-title{color:var(--brand-cream)}
.sequence-signature .replica-sketch-text,.sequence-inner-signature .replica-sketch-text,.sequence-final-signature .replica-sketch-text{color:var(--brand-pink)}
.sequence-lines{color:var(--brand-pink)}
.statement-card.is-first .statement-card-wrapper{background-color:var(--brand-pale-blue)}
.statement-card.is-second .statement-card-wrapper{background-color:var(--brand-blush)}
.statement-card.is-third .statement-card-wrapper{background-color:var(--brand-mid-blue)}
.statement-card.is-fourth .statement-card-wrapper{background-color:var(--brand-pink)}
.statement-card .statement-card-wrapper,.statement-card .statement-heading,.statement-card .paragraph{color:var(--brand-navy)}
.statement-card-wrapper{box-shadow:0 .45em 1.5em rgba(7,30,67,.2)}

/* The seven-row offer table uses navy labels on cool pale surfaces. */
.benefit-section{background-color:var(--brand-pale-blue);color:var(--brand-navy)}
.benefit-section .benefit-heading,.benefit-section .benefit-table-title,.benefit-section .benefit-item-title,.benefit-section .replica-table-value,.benefit-section .benefit-table-title-img.replica-sketch-text{color:var(--brand-navy)}
.benefit-section .benefit-item-check{background-color:var(--brand-blush)}
.benefit-section .benefit-item-x{background-color:rgba(255,255,255,.45)}
.benefit-section .line,.benefit-section .sub-line{background-color:rgba(11,42,89,.18)}
.benefit-svg{color:var(--brand-pink)}

/* Keep the generated studio photograph in its actual colours. Contrast comes
   from opaque card surfaces, not recolouring the drinks or filtering images. */
.testimonial-section{background-color:var(--brand-pale-blue);color:var(--brand-navy)}
.testimonial-section .testimonial-big-heading,.testimonial-section .testimonial-heading{color:var(--brand-navy)}
.testimonial-signature .replica-sketch-text{color:var(--brand-navy)}
.testimonial-slider-item{background-color:var(--brand-navy);border-color:var(--brand-pink);color:var(--brand-cream)}
.testimonial-slider-item .testimonial-item-heading,.testimonial-slider-item .testimonial-item-text,.testimonial-slider-item .testimonial-client-name{color:var(--brand-cream)}
.testimonial-slider-item .replica-card-link{color:var(--brand-pink)}
.testimonial-slider-item.active{background-color:var(--brand-blush);border-color:var(--brand-blush);color:var(--brand-navy)}
.testimonial-slider-item.active .testimonial-item-heading,.testimonial-slider-item.active .testimonial-item-text,.testimonial-slider-item.active .testimonial-client-name,.testimonial-slider-item.active .replica-card-link{color:var(--brand-navy)}
.testimonial-slider-button{background-color:var(--brand-blush);color:var(--brand-navy)}

/* Four flavour scenes retain their individual drink-toned backgrounds. */
.ingredient-showcase .showcase-title,.ingredient-showcase .showcase-eyebrow,.ingredient-showcase .showcase-product-name,.ingredient-showcase .showcase-product-description,.ingredient-showcase .showcase-dots{color:var(--brand-navy)}
.ingredient-showcase .showcase-nav,.ingredient-showcase .showcase-cta{background-color:var(--brand-pink);color:var(--brand-navy);box-shadow:0 3px 15px rgba(7,30,67,.16)}
.ingredient-showcase .showcase-nav:focus-visible,.ingredient-showcase .showcase-dot:focus-visible,.ingredient-showcase .showcase-cta:focus-visible{outline-color:var(--brand-navy)}

.payment-section .insider-heading{color:var(--brand-cream)}
.payment-section .replica-sketch-text{color:var(--brand-pink)}
.payment-method-item._1,.payment-method-item._5{background-color:var(--brand-blush);border-color:rgba(11,42,89,.15)}
.payment-method-item._2,.payment-method-item._6{background-color:var(--brand-pale-blue);border-color:rgba(11,42,89,.15)}
.payment-method-item._3,.payment-method-item._7{background-color:var(--brand-mid-blue);border-color:rgba(11,42,89,.15)}
.payment-method-item._4{background-color:var(--brand-pink);border-color:rgba(11,42,89,.15)}
.payment-method-item .replica-address-bubble{color:var(--brand-navy)}
.footer-line{color:var(--brand-pink)}

/* Closing location, real reel and Instagram controls use the same brand pair. */
.footer{background-color:var(--brand-navy);color:var(--brand-cream)}
.footer .footer-heading,.footer .shipping-link,.footer .shipping-link-text,.footer .footer-bottom-text,.footer .replica-back-top{color:var(--brand-cream)}
.footer .footer-heading .heading-line{color:var(--brand-pink)}
.footer .footer-logo.replica-sketch-text{color:var(--brand-pink)}
.footer-info{background-color:var(--brand-pale-blue);border-color:rgba(11,42,89,.16)}
.footer-info .footer-info-text{color:var(--brand-navy)}
.social-media-circle,.social-media-circle.is-white{background-color:var(--brand-blush)}
.footer-product.instagram-cta,.instagram-cta .absolute-background{background-color:var(--brand-blush)}
.instagram-cta .footer-product-heading{color:var(--brand-navy);background-color:var(--brand-cream)}
.replica-location-card{background-color:var(--brand-mid-blue);color:var(--brand-navy)}
.replica-location-label,.replica-map-note{background-color:var(--brand-blush);color:var(--brand-navy)}
.replica-reel{background-color:var(--brand-pale-blue);border-color:rgba(229,128,157,.5)}
.replica-reel summary,.reel-fallback{color:var(--brand-navy)}
.replica-reel summary:hover{background-color:var(--brand-blush)}
.replica-reel .reel-icon{background-color:var(--brand-navy);color:var(--brand-cream)}
.reel-viewport{background-color:var(--brand-cream)}

@media(hover:hover) and (pointer:fine){
  .testimonial-inner-wrap:hover .testimonial-media{box-shadow:0 22px 36px -14px rgba(7,30,67,.36)}
}
