/* Shared Version B accents, taken from the existing zappmedia palette. */
body.modern{
  --brand-green:#527d1f;
  --brand-green-ink:#466b1a;
  --brand-green-accent:#83a83f;
  --brand-green-pale:#eef7e4;
  --brand-bronze:#a67f18;
  --brand-bronze-ink:#856311;
  --brand-sand:#f5f2e8;
  --brand-orange:#da6b00;
}

/* A consistent green action colour, including the shared request button. */
body.modern .button,
body.modern :is(.header,.hero,.service-hero,.pricing-hero,.business-hero,.refs-hero,.prices-hero,.testimonial-hero,.archive-hero,.contact,.actions,.tariff,.service-pricing,.av-script-pricing) .button{
  background:var(--brand-green);border-color:var(--brand-green);color:white;
}
body.modern .button:hover{filter:brightness(.94)}
body.modern .nav-feedback-count{background:var(--brand-green-pale);color:var(--brand-green-ink)}

/* Warmth in the repeated motto/KPI band; quality has a quiet green signal. */
body.modern .facts{background:var(--paper)}
body.modern .brand-motto{background:var(--brand-sand)}
body.modern .brand-motto-inner{color:var(--brand-bronze-ink)}
body.modern .fact:nth-child(2) strong{color:var(--brand-bronze-ink)}
body.modern .fact:last-child strong{color:var(--brand-green)}

/* Pale surfaces alternate by subject, rather than repeating blue on every band. */
body.modern .contact,
body.modern .dark,
body.modern.service-page #ablauf{background:var(--brand-sand)}
body.modern :is(.home-tech,.service-focus,.business-portal){background:var(--brand-green-pale)}
body.modern.service-page #fragen{background:var(--paper)}
body.modern .dark :is(.eyebrow,h2 em,.number),
body.modern .contact .eyebrow,
body.modern .home-prices .eyebrow,
body.modern .service-depth .eyebrow{color:var(--brand-bronze-ink)}
body.modern :is(.home-tech,.service-focus,.business-portal) .eyebrow{color:var(--brand-green-ink)}

/* Price and service cards: a small, stable set of accents on light surfaces. */
body.modern .home-price-card:nth-child(2){border-top-color:var(--brand-bronze)}
body.modern .home-price-card:nth-child(2) .home-price-value{color:var(--brand-bronze-ink)}
body.modern .home-price-card:last-child{background:var(--brand-green-pale);border-top-color:var(--brand-green-accent)}
body.modern .prices-card#audio{border-top-color:var(--brand-bronze)}
body.modern .prices-card#manuskript{border-top-color:var(--brand-green-accent)}
body.modern .prices-card-tech{background:var(--brand-green-pale);border-top-color:var(--brand-green-accent)}
body.modern .prices-card#audio .price-hint{color:var(--brand-bronze-ink)}
body.modern .tariff:first-child{border-top-color:var(--brand-green-accent)}
body.modern .tariff:last-child{border-top-color:var(--brand-bronze);background:var(--brand-sand)}
body.modern .tariff:last-child .tariff-price{color:var(--brand-bronze-ink)}
body.modern .service-overview-card:nth-child(2){background:var(--brand-green-pale)}
body.modern .service-overview-card:nth-child(3){background:var(--brand-sand)}
body.modern .service-overview-card:nth-child(3) .number{color:var(--brand-bronze-ink)}
body.modern .business-steps li:nth-child(even){border-color:var(--brand-bronze)}
body.modern .business-steps li:nth-child(odd){border-color:var(--brand-green-accent)}
body.modern .price-table th{background:var(--brand-sand)}
body.modern .price-table td strong{color:var(--brand-bronze-ink)}

/* Decorative assets gain accents while preserving the blue brand silhouette. */
body.modern .art-tag{background:var(--brand-sand);border-color:var(--brand-bronze);color:var(--brand-bronze-ink)}
body.modern .sheet.front{border-top-color:var(--brand-green-accent)}
body.modern .home-audio-art{background:var(--brand-green-pale)}
body.modern .home-audio-caption{color:var(--brand-green)}
body.modern .home-client-quote{background:var(--brand-sand);border-left-color:var(--brand-bronze)}
body.modern .pricing-quote{border-color:var(--brand-bronze)}
body.modern .reference-quotes blockquote:last-child{background:var(--brand-sand);border-top-color:var(--brand-bronze)}
body.modern .reference-quotes blockquote:first-child{background:var(--brand-green-pale);border-top-color:var(--brand-green-accent)}
body.modern .quality-check{color:var(--brand-green);background:var(--brand-green-pale)}

/* The diagram's fixed order and numeric keys also distinguish its criteria. */
body.modern :is([data-criterion=quality],[data-barometer-series=quality]){--criterion-color:var(--brand-green)}
body.modern :is([data-criterion=communication],[data-barometer-series=communication]){--criterion-color:var(--brand-bronze)}

/* Keep the complete quote archive calm; the navy cards remain the main accents. */
body.modern .archive-legacy{background:var(--paper)}
body.modern .archive-legacy .archive-monogram{color:var(--brand-green);border-color:var(--brand-green-accent)}
body.modern .archive-legacy .archive-quote-mark{color:var(--brand-bronze-ink)}

body.modern :is(.hero-shell,.service-pricing,.pricing-hero,.business-hero,.refs-hero,.prices-hero,.testimonial-hero,.archive-hero) .button{border-color:var(--brand-green-accent)}
body.modern:is(.service-translation,.service-script,.service-direction) .service-hero .button{border-color:var(--brand-green-accent)}
body.modern .art-tag .tag-icon{background:var(--brand-orange);color:var(--navy)}