/* Turquoise direction for the website only. PDF and e-mail palettes are independent. */
:root{
  --turquoise-title:#0095a0;
  --turquoise-ink:#00717b;
  --turquoise-soft:#e1fafa;
  --turquoise-border:#8cdedc;
  --brand-text:var(--turquoise-ink);
}

/* Bright cyan for large accents; deeper cyan for small text. */
.product-hero h1 .hero-accent,
.text-turquoise,
.advantages-heading,
.advantages-carousel .advantage-slide h2,
.legal-hero h1{color:var(--turquoise-title)}
.eyebrow,.photo-card .label,.benefit-copy .label,
.pack-number,.num,.game-feature>span,.partner-mark,
.required-mark,.legal-section-number,
.quote-base-grid h4,.quote-base-grid li::before,
.quote-service-summary li small,.contact-email,
.interface-description>a,.benefits-bottom a,
.form-privacy a,.consent a,.legal-prose a,.legal-home,
.footer-tagline em{color:var(--turquoise-ink)}
nav .links a:hover,.footer-legal a:hover,.legal-toc>a:hover{color:var(--turquoise-ink)}

/* Main actions and selected tabs use the exact turquoise of the logo. */
.btn:not(.light),.quote-actions .btn.lime{
  background:var(--turquoise);
  border-color:var(--turquoise-ink);
  color:var(--navy);
}
.btn:not(.light):not(.lime):hover,
.btn.lime:hover,.quote-actions .btn.lime:hover{
  background:#5be2e0;
  border-color:var(--turquoise-ink);
  color:var(--navy);
  box-shadow:0 7px 18px #00cccc26;
}
.btn.light{color:var(--turquoise-ink);border-color:var(--turquoise-ink)}
.btn.light:hover{background:#dcf8f7;box-shadow:0 7px 18px #00cccc18}
.btn:focus-visible,
input:focus,select:focus,textarea:focus{outline-color:var(--turquoise-ink)}
.interface-tabs button.active,.advantage-tabs button.active{
  background:var(--turquoise);
  border-color:var(--turquoise-ink);
  color:var(--navy);
}
.advantage-tabs button.active span{opacity:1}
.advantage-arrows button{color:var(--turquoise-ink);border-color:var(--turquoise-border)}
.advantage-arrows button:hover{background:var(--turquoise);color:var(--navy)}

/* Key figures: saturated turquoise stays readable against deep blue. */
.stats-band{background:linear-gradient(110deg,#123e63,var(--navy));color:white}
.stats-band .usage-grid strong{color:var(--turquoise)}
.stats-band .eyebrow{color:#8deeee}
.stats-band-top p,.stats-band .usage-grid span{color:#e2fafa}
.stats-band .usage-grid,.stats-band .usage-grid>div{border-color:#8cdedc55}
.stats-band-top .btn{background:transparent;color:#e2fafa;border-color:var(--turquoise)}
.stats-band-top .btn:hover{background:var(--turquoise);color:var(--navy)}

/* Product examples carry the same accents as the rest of the site. */
.app-avatar,.mini-avatar,.mini-avatar.purple,
.app-sidebar .selected,.ticketing-categories .selected{
  background:#d6f6f4;color:var(--turquoise-ink);
}
.online-dot{background:var(--turquoise-ink)}
.status-pill:not(.pending){background:#d6f6f4;color:var(--turquoise-ink)}
.interface-panel,.advantages-viewport{background:#eefafa;border-color:#b5e8e5}
.advantages-carousel .tailor-art{background:#b7f2f2}
.window-hero{background:var(--turquoise);color:var(--navy)}
.window-hero h3,.window-hero p{color:var(--navy)}
.preset-style-4{background:var(--turquoise)}
.ticketing-tags span{background:#d6f6f4;color:var(--turquoise-ink)}
.ticketing-cinema{background:#d6f6f4;color:var(--turquoise-ink)}
.budget-track i{background:var(--turquoise)}
.wheel{background:conic-gradient(var(--navy) 0deg 60deg,#b7f2f2 60deg 120deg,#6be3df 120deg 180deg,var(--turquoise) 180deg 240deg,#b7f2f2 240deg 300deg,#6be3df 300deg)}
.wheel-pointer{border-top-color:var(--turquoise-ink)}

/* A more visible partnership card, with dark text on the cyan background. */
.partnership-card{background:#b7f2f2;border:1px solid #8cdedc}
.partnership-identity,.partnership-copy .eyebrow{color:var(--turquoise-ink)}
.partnership-moon{background:white;color:var(--turquoise-ink)}
.partnership-copy h2{color:var(--turquoise-ink)}
.partnership-copy p{color:var(--ink)}

/* Pricing and contact stay calm, with turquoise to guide attention. */
.quote-base-grid>div{border-color:#a6e4e0;border-top:3px solid var(--turquoise);background:#ffffffd9}
.quote-calculator{border-color:var(--turquoise-border)}
.quote-input-panel input{border-color:var(--turquoise-border)}
.quote-result-panel{background:var(--turquoise-soft)}
.quote-empty-icon,.annual-chip,.service-mark{background:#c0efed;color:var(--turquoise-ink)}
.quote-monthly>strong{color:var(--turquoise-title)}
.quote-service-summary{border-color:#a6e4e0}
.quote-service-summary li small{color:var(--turquoise-ink)}
.quote-service-summary li.service-excluded small{color:#7d8d9e}
.service-excluded .service-mark{background:#e8eeee;color:#7f8d91}
.pack{border-color:#a6e4e0}
.contact{background:var(--turquoise-soft)}
.contact p{color:#526a7b}
input[type=checkbox]{accent-color:var(--turquoise-ink)}
.legal-card{border-color:#a6e4e0}
.legal-skip{color:var(--turquoise-ink);border-color:var(--turquoise-ink)}

/* Text on coloured panels uses a stronger cyan than the large page headings. */
.advantages-carousel .advantage-slide h2 .text-turquoise{color:inherit}
@media(forced-colors:active){
  .text-turquoise,.hero-accent,.stats-band .usage-grid strong{color:CanvasText}
}