/* CorneXion Academy – gemeinsame Markenfarben (am Logo-SVG abgeglichen).
   Lila #3c399a · Aquamarin #62cac8 · Dunkeltuerkis #3b9993 · Gelb #d4c53f.
   Dunkleres Tuerkis fuer barrierearme Kleinschrift auf hellem Hintergrund. */
:root{
  --dark:#3c399a;
  --dark2:#302d7f;
  --accent:#62cac8;
  --teal:#3b9993;
  --yellow:#d4c53f;
  --teal-ink:#2d7773;
  --yellow-ink:#776d16;
  --hero-gradient:radial-gradient(circle at 84% 8%,#514db1 0%,#403ca2 32%,#312e82 72%);
}
/* Gleiche hero-Hintergruende und gleiche Haupt-CTAs auf allen Seiten. */
.section-dark,.cx-hero,.partner-hero{background:var(--hero-gradient)}
.nav-cta,.btn-dark,.offer-explore,.cx-filter button[aria-pressed="true"]{
  background:var(--dark);color:#fff;
}
.nav-cta:hover,.btn-dark:hover,.offer-explore:hover{background:var(--dark2);color:#fff}
.btn-primary,.partner-cta .btn,.partner-contact .btn,.cx-button{
  background:var(--accent);color:var(--text);
}
.btn-primary:hover,.partner-cta .btn:hover,.partner-contact .btn:hover,.cx-button:hover{
  background:#86d9d6;color:var(--text);
}
/* Kleine Label erhalten auf hellen Hintergruenden ausreichenden Kontrast. */
.eyebrow,.audience-kicker,.audience small,.offer-card small,
.card-no,.process-step span,.cx-section-heading .eyebrow,
.cx-format .cx-format-tag,.cx-num{color:var(--teal-ink)}
/* Auf dunklen Hintergruenden werden Label stattdessen helltuerkis. */
.section-dark .eyebrow,.cta-section .eyebrow,.cx-hero .eyebrow,
.cx-cta .eyebrow,.partner-hero .eyebrow{color:var(--accent)}
/* Gelb nur als Akzent; fuer textliche Beschriftungen die dunkle Textvariante. */
.audience:nth-child(3) .audience-kicker{color:var(--yellow-ink)}
/* Durchgaengige Link- und Filterfarben. */
.cx-link,.cx-format a,.cx-detail-links a,.cx-topicnav a{color:var(--dark)}
.cx-link:hover,.cx-format a:hover{color:var(--teal-ink)}
.cx-topicnav a.active{background:var(--dark);border-color:var(--dark);color:#fff}
.cx-filter button:hover{border-color:var(--dark)}
/* Tastaturnavigation auf hellen und dunklen Hintergruenden sichtbar. */
a:focus-visible,button:focus-visible{
  outline:3px solid var(--accent);outline-offset:3px;
}
.section-dark a:focus-visible,.cx-hero a:focus-visible,.partner-hero a:focus-visible,
.site-footer a:focus-visible,.cta-section a:focus-visible,.cx-cta a:focus-visible{
  outline-color:var(--yellow);
}