/* ============================================================
   RIVET — section color-coding (connective accents)
   GTM OS = Black · Community = Green · Corporate/Training = Gold
   Loaded on every page so a section reads the same colour wherever
   it's referenced (nav mega, footer, cross-link tiles).
   ============================================================ */
:root{
  --sec-os:#0A0A0C;      --sec-os-ink:#0A0A0C;
  --sec-comm:#00D982;    --sec-comm-ink:#067a45;
  --sec-gold:#F5C24B;    --sec-gold-ink:#7a5a0e;
}

/* --- mega group labels (light mega card) --- */
.nav__item:has(button[data-nav="os"]) .mega__group-label a{ color:var(--sec-os-ink); }
.nav__item:has(button[data-nav="membership"], button[data-nav="courses"]) .mega__group-label a{ color:var(--sec-comm-ink); }
.nav__item:has(button[data-nav="academy"]) .mega__group-label a{ color:var(--sec-gold-ink); }

/* --- feature-card eyebrow tint, per section --- */
.nav__item:has(button[data-nav="os"]) .mega__feature .eyebrow{ color:var(--sec-os-ink); }
.nav__item:has(button[data-nav="membership"], button[data-nav="courses"]) .mega__feature .eyebrow{ color:var(--sec-comm-ink); }
.nav__item:has(button[data-nav="academy"]) .mega__feature .eyebrow{ color:var(--sec-gold-ink); }

/* --- mega link icon hover, per section --- */
.nav__item:has(button[data-nav="membership"], button[data-nav="courses"]) .mega__link:hover .mega__ico{ border-color:color-mix(in oklab,var(--sec-comm) 55%,var(--line)); color:var(--sec-comm-ink); background:color-mix(in oklab,var(--sec-comm) 10%,#fff); }
.nav__item:has(button[data-nav="academy"]) .mega__link:hover .mega__ico{ border-color:color-mix(in oklab,var(--sec-gold) 55%,var(--line)); color:var(--sec-gold-ink); background:color-mix(in oklab,var(--sec-gold) 12%,#fff); }
.nav__item:has(button[data-nav="os"]) .mega__link:hover .mega__ico{ border-color:color-mix(in oklab,#000 42%,var(--line)); color:#000; background:color-mix(in oklab,#000 5%,#fff); }

/* --- footer column headers (dark footer: green & gold read; OS/Company stay light) --- */
.f2-col[aria-label="Community"] h5 a, .f2-col[aria-label="Learning"] h5 a{ color:color-mix(in oklab,var(--sec-comm) 72%,#fff); }
.f2-col[aria-label="Training"] h5 a{ color:color-mix(in oklab,var(--sec-gold) 85%,#fff); }

/* --- footer directory group labels tinted to their section --- */
.f2-dir__group[aria-label="By role"] .f2-dir__l{ color:color-mix(in oklab,var(--sec-comm) 70%,#fff); }
.f2-dir__group[aria-label="Career tracks"] .f2-dir__l{ color:color-mix(in oklab,var(--sec-comm) 70%,#fff); }

/* --- helper classes: paint a cross-link tile with a section's colour --- */
.acc-os{ --gc:var(--sec-os) !important; }
.acc-community{ --gc:var(--sec-comm) !important; }
.acc-gold{ --gc:var(--sec-gold) !important; }

/* merged Courses & Training mega: training column stays gold */
.nav__item:has(button[data-nav="courses"]) .mega__group-label a[href="training-catalog.html"]{ color:var(--sec-gold-ink); }