/*
  AI Academy V7 — colour-role swap only.
  Campus is mint-led; Enterprise is blue-led.
  Brand logo and the shared blue-to-mint navigation rule remain unchanged.
*/

/* Page-level semantic colour systems */
.academy--campus {
  --page-accent: var(--mint-bright);
  --page-strong: var(--mint-deep);
  --page-soft: #eafff7;
  --page-ink-accent: #00805d;
  --page-focus: #00805d;
}

.academy--enterprise {
  --page-accent: var(--blue-bright);
  --page-strong: var(--blue);
  --page-soft: #edf2ff;
  --page-ink-accent: var(--blue);
  --page-focus: var(--blue);
}

.academy--campus .academy__subpage-main {
  --path-accent: var(--mint-deep);
  --path-accent-soft: #eafff7;
}

.academy--enterprise .academy__subpage-main {
  --path-accent: var(--blue);
  --path-accent-soft: #edf2ff;
}

.academy--campus :focus-visible,
.academy--enterprise :focus-visible {
  outline-color: var(--page-focus);
}

.academy--campus .academy__desktop-nav .academy__academy-trigger:focus-visible,
.academy--enterprise .academy__desktop-nav .academy__academy-trigger:focus-visible {
  outline-color: var(--page-focus);
}

/* Secondary navigation keeps the two destinations semantically distinct. */
.academy__dropdown-link > span:first-child,
.academy__mobile-subnav a > span,
.academy__dropdown-link.academy__enterprise-link > span:first-child,
.academy__mobile-subnav a.academy__enterprise-link > span {
  color: var(--blue-bright);
}

.academy__dropdown-link.academy__campus-link > span:first-child,
.academy__mobile-subnav a.academy__campus-link > span {
  color: var(--mint-bright);
}

.academy__desktop-nav .academy__academy-dropdown .academy__campus-link:hover,
.academy__desktop-nav .academy__academy-dropdown .academy__campus-link:focus-visible,
.academy--campus .academy__academy-dropdown .academy__campus-link {
  background: rgba(0, 240, 151, .1);
}

.academy__desktop-nav .academy__academy-dropdown .academy__enterprise-link:hover,
.academy__desktop-nav .academy__academy-dropdown .academy__enterprise-link:focus-visible,
.academy--enterprise .academy__academy-dropdown .academy__enterprise-link {
  background: rgba(34, 81, 255, .14);
}

.academy--campus .academy__mobile-academy-trigger.is-active,
.academy--campus .academy__mobile-menu nav .academy__mobile-academy-head > a.is-active,
.academy--campus .academy__mobile-subnav .academy__campus-link > strong {
  color: var(--mint-bright);
}

.academy--enterprise .academy__mobile-academy-trigger.is-active,
.academy--enterprise .academy__mobile-menu nav .academy__mobile-academy-head > a.is-active,
.academy--enterprise .academy__mobile-subnav .academy__enterprise-link > strong {
  color: var(--blue-bright);
}

/* Hero atmospheres are exchanged without changing geometry. */
.academy--campus .academy__subpage-hero {
  background:
    radial-gradient(circle at 79% 35%, rgba(0, 240, 151, .15), transparent 29%),
    radial-gradient(circle at 65% 10%, rgba(34, 81, 255, .12), transparent 24%),
    var(--navy-deep);
}

.academy--enterprise .academy__subpage-hero {
  background:
    radial-gradient(circle at 79% 35%, rgba(34, 81, 255, .25), transparent 29%),
    radial-gradient(circle at 67% 12%, rgba(0, 240, 151, .055), transparent 23%),
    var(--navy-deep);
}

/* Primary and outline actions, including their interaction states. */
.academy--campus .academy__header-cta,
.academy--campus .academy__subpage-actions .academy__button-primary,
.academy--campus .academy__mobile-menu > .academy__button-primary {
  color: #07182a;
  background: var(--mint-bright);
  box-shadow: 0 12px 36px rgba(0, 240, 151, .2);
}

.academy--campus .academy__header-cta:hover,
.academy--campus .academy__header-cta:focus-visible,
.academy--campus .academy__subpage-actions .academy__button-primary:hover,
.academy--campus .academy__subpage-actions .academy__button-primary:focus-visible,
.academy--campus .academy__mobile-menu > .academy__button-primary:hover,
.academy--campus .academy__mobile-menu > .academy__button-primary:focus-visible {
  color: #07182a;
  background: #38f5b1;
  box-shadow: 0 14px 32px rgba(0, 240, 151, .25);
}

.academy--enterprise .academy__header-cta,
.academy--enterprise .academy__subpage-actions .academy__button-primary,
.academy--enterprise .academy__mobile-menu > .academy__button-primary {
  color: var(--white);
  background: linear-gradient(135deg, #2b5cff 0%, var(--blue-deep) 100%);
  box-shadow: 0 14px 32px rgba(34, 81, 255, .22);
}

.academy--enterprise .academy__header-cta:hover,
.academy--enterprise .academy__header-cta:focus-visible,
.academy--enterprise .academy__subpage-actions .academy__button-primary:hover,
.academy--enterprise .academy__subpage-actions .academy__button-primary:focus-visible,
.academy--enterprise .academy__mobile-menu > .academy__button-primary:hover,
.academy--enterprise .academy__mobile-menu > .academy__button-primary:focus-visible {
  color: var(--white);
  background: var(--blue);
  box-shadow: 0 18px 38px rgba(34, 81, 255, .34);
}

.academy__subpage-main .academy__button-outline {
  border-color: color-mix(in srgb, var(--page-accent) 66%, transparent);
}

.academy__subpage-main .academy__button-outline:hover,
.academy__subpage-main .academy__button-outline:focus-visible {
  border-color: var(--page-accent);
}

/* On white and pale surfaces, Campus uses a deeper mint for legibility. */
.academy--campus .academy__detail-statement .academy__section-index,
.academy--campus .academy__detail-section-head .academy__section-index,
.academy--campus .academy__need-list article > span,
.academy--campus .academy__advantage-grid > article > span,
.academy--campus .academy__advantage-grid small,
.academy--campus .academy__subsection-head > p,
.academy--campus .academy__subsection-head > div > p,
.academy--campus .academy__duration-number,
.academy--campus .academy__recommended,
.academy--campus .academy__package-facts dt,
.academy--campus .academy__evidence-list span,
.academy--campus .academy__page-bridge a,
.academy--campus .academy__faq-list summary span {
  color: var(--page-ink-accent);
}

/* Dark process sections inherit each page's bright semantic accent. */
.academy__method-orbit {
  border-color: color-mix(in srgb, var(--page-accent) 24%, transparent);
  box-shadow:
    0 0 0 90px color-mix(in srgb, var(--page-accent) 4%, transparent),
    0 0 0 180px color-mix(in srgb, var(--page-accent) 3%, transparent);
}

.academy__section-heading-dark .academy__section-index,
.academy__quality .academy__section-index {
  color: var(--page-accent);
}

.academy__section-heading-dark h2::after,
.academy__quality-heading h2::after {
  background: var(--page-accent);
}

/* Campus role tracks now follow the mint system. */
.academy--campus .academy__role-grid article > span,
.academy--campus .academy__role-grid small {
  color: var(--page-ink-accent);
}

.academy--campus .academy__role-grid .academy__role-highlight > span,
.academy--campus .academy__role-grid .academy__role-highlight small {
  color: var(--page-accent);
}

/* Enterprise scenario and governance modules now follow the blue system. */
.academy--enterprise .academy__scenario-ladder article {
  border-top-color: var(--page-strong);
}

.academy--enterprise .academy__scenario-ladder article:nth-child(3) {
  border-top-color: var(--page-accent);
}

.academy--enterprise .academy__scenario-ladder span {
  color: var(--page-strong);
}

.academy--enterprise .academy__scenario-ladder article:nth-child(3) span,
.academy--enterprise .academy__quality-list article > span {
  color: var(--page-accent);
}

.academy--campus .academy__faq-list summary span,
.academy--enterprise .academy__faq-list summary span {
  color: var(--page-ink-accent);
}

.academy--campus .academy__faq-heading .academy__section-index,
.academy--enterprise .academy__faq-heading .academy__section-index {
  color: var(--page-ink-accent);
}

.academy--campus .academy__faq-heading h2::after,
.academy--enterprise .academy__faq-heading h2::after {
  background: var(--page-strong);
}

.academy--campus .academy__subpage-final .academy__button-primary {
  color: #07182a;
  background: var(--mint-bright);
  box-shadow: 0 14px 32px rgba(0, 240, 151, .22);
}

.academy--campus .academy__subpage-final .academy__button-primary:hover,
.academy--campus .academy__subpage-final .academy__button-primary:focus-visible {
  color: #07182a;
  background: #38f5b1;
  box-shadow: 0 18px 38px rgba(0, 240, 151, .28);
}

/* Closing scene: page colour dominates, the other brand colour stays secondary. */
.academy--campus .academy__final-cta {
  background:
    radial-gradient(circle at 50% 105%, rgba(0, 240, 151, .25), transparent 42%),
    radial-gradient(circle at 78% 45%, rgba(34, 81, 255, .075), transparent 25%),
    var(--navy-deep);
}

.academy--enterprise .academy__final-cta {
  background:
    radial-gradient(circle at 50% 105%, rgba(34, 81, 255, .34), transparent 42%),
    radial-gradient(circle at 78% 45%, rgba(0, 240, 151, .055), transparent 25%),
    var(--navy-deep);
}

.academy__final-cta::after {
  border-color: color-mix(in srgb, var(--page-accent) 18%, transparent);
  box-shadow:
    0 0 0 100px color-mix(in srgb, var(--page-accent) 2.7%, transparent),
    0 0 0 200px color-mix(in srgb, var(--page-accent) 1.7%, transparent);
}

.academy--campus .academy__site-footer a:hover,
.academy--enterprise .academy__site-footer a:hover {
  color: var(--page-accent);
}

.academy--enterprise .academy__skip-link {
  color: var(--white);
  background: var(--blue);
}
