/* =====================================================================================================
   PMIT — MAROON & GOLD palette.  Loaded last.  Change the palette here (and only here).
   Deep maroon  #3B0A12  nav bar, ticker, footer, inner-page hero, statistics band
   Crimson      #7A1022  quick tiles, call-to-action, active states, secondary buttons
   Maroon       #5A0F1C  headings and titles on white
   Link red     #8F1226  links and small accents on white (7:1 contrast)
   Gold         #C9A24E  buttons, badges, underlines, numerals on dark (text on white uses #8A6420)
   White        #FFFFFF  page canvas, cards
   Grey         #F4F4F5 alternating rows / #E2E2E5 borders / #5C5C63 secondary text / #1F1B1C body text
   ===================================================================================================== */
:root{
  --b-red:#7A1022; --b-reddk:#5A0F1C; --b-redbr:#9B1B30; --b-redmist:#F7EFF0;
  --b-char:#1F1B1C; --b-slate:#5C5C63; --b-ash:#E2E2E5; --b-cream:#F4F4F5; --b-white:#FFFFFF; --b-deep:#3B0A12;
  --b-blue:#5A0F1C; --b-gold:#C9A24E; --b-golddk:#A9812C; --b-goldtx:#8A6420; --b-goldmist:#F8F1E0; --b-goldhi:#DDBE6F;
  --b-cyan:#8F1226; --b-cyandk:#5A0F1C; --b-cyanmist:#F7EFF0; --b-bg:#FFFFFF; --b-ice:#F4F4F5;
  --b-onDark:#EADADC; --b-onDark2:#CDB8BB;
  --c-ok:#1E7B4F; --c-okmist:#E6F4EC; --c-err:#B42318; --c-errmist:#FDECEA;
  --pmit-red:#7A1022; --pmit-red-deep:#5A0F1C; --pmit-red-bright:#9B1B30; --pmit-red-mist:#F7EFF0;
  --pmit-gold:#C9A24E; --pmit-gold-soft:#F8F1E0; --pmit-white:#FFFFFF; --pmit-grey-light:#F4F4F5; --pmit-grey-mid:#E2E2E5;
  --pmit-charcoal:#1F1B1C; --pmit-charcoal-soft:#5C5C63; --pmit-footer-grey:#3B0A12; --pmit-midnight:#3B0A12; --pmit-black:#3B0A12;
}
html,body{background:var(--b-bg);color:var(--b-char)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{color:var(--b-blue)}
p,li{color:inherit}
.muted,.iit-muted,.form-hint,small{color:var(--b-slate)}
a{color:var(--b-cyan)}a:hover{color:var(--b-blue)}
html{scrollbar-color:var(--b-red) var(--b-ice);accent-color:var(--b-red)}
::selection{background:var(--b-gold);color:var(--b-deep)}
hr{border-color:var(--b-ash)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--b-cyan);outline-offset:2px}
.iit-nav a:focus-visible,.iit-nav button:focus-visible,.iit-footer a:focus-visible,.pm-tk a:focus-visible,.iit-tiles a:focus-visible,.iit-cta a:focus-visible,.page-hero a:focus-visible,.dash__sidebar a:focus-visible,.cookie-banner a:focus-visible,.cookie-banner button:focus-visible{outline-color:var(--b-gold)}
/* ---------- forms ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),select,textarea{background:#fff;color:var(--b-char);border:1px solid #CFCFD4;border-radius:6px}
input::placeholder,textarea::placeholder{color:var(--b-slate);opacity:.85}
input:focus,select:focus,textarea:focus{border-color:var(--b-cyan)!important;box-shadow:0 0 0 3px rgba(143,18,38,.16);outline:none}
input[type=checkbox],input[type=radio]{accent-color:var(--b-red)}
/* ---------- actions: gold buttons with deep-maroon text ---------- */
.btn--primary,button.btn--primary,.btn-primary{background:var(--b-gold);border-color:var(--b-gold);color:var(--b-deep);font-weight:700}
.btn--primary:hover{background:var(--b-goldhi);border-color:var(--b-goldhi);color:var(--b-deep)}
.btn--outline,.btn--ghost{background:#fff;color:var(--b-blue);border:1px solid var(--b-blue)}
.btn--outline:hover,.btn--ghost:hover{background:var(--b-blue);color:#fff}
.btn--secondary,.btn--tech{background:var(--b-red);border-color:var(--b-red);color:#fff}
.btn--secondary:hover,.btn--tech:hover{background:var(--b-blue);border-color:var(--b-blue);color:#fff}
/* ---------- header + navigation ---------- */
.iit-top,.iit-util{background:var(--b-ice);border-bottom:1px solid var(--b-ash);color:var(--b-slate)}
.iit-top a,.iit-util a{color:var(--b-slate)}.iit-top a:hover,.iit-util a:hover{color:var(--b-cyan)}
.iit-header{background:#fff}
.iit-brand__name,.iit-brand__name b{color:var(--b-blue)}.iit-brand__name span,.iit-brand__tag{color:var(--b-slate)}
.iit-brand__name{border-left-color:var(--b-gold)}
.iit-soc{background:var(--b-red);color:#fff}
.iit-a11y-btn{background:var(--b-red);color:#fff}
.iit-search input{background:#fff}.iit-search button{background:var(--b-red);color:#fff}.iit-search button:hover{background:var(--b-blue)}
.iit-nav{background:var(--b-deep);border:0;border-bottom:3px solid var(--b-gold)}
.iit-nav__link,.iit-nav__item>a{color:#fff}
.iit-nav__link:hover{color:#fff;background:transparent}
.iit-nav__item:hover,.iit-nav__item:focus-within,.iit-nav__item.is-active{background:var(--b-red)}
.iit-nav__item.is-active{box-shadow:inset 0 -3px 0 var(--b-gold)}
.iit-nav__item.is-active>.iit-nav__link{background:transparent;box-shadow:none}
.iit-nav__caret{color:var(--b-gold)}
.iit-dd{background:#fff;border:1px solid var(--b-ash);border-top:3px solid var(--b-gold);box-shadow:0 18px 40px -18px rgba(59,10,18,.45)}
.iit-dd a{color:var(--b-char)}.iit-dd a:hover{background:var(--b-redmist);color:var(--b-cyan);border-left-color:var(--b-gold)}
.iit-dd__all{color:var(--b-cyan)!important}
.iit-lang__menu{background:#fff;border:1px solid var(--b-ash)}
/* ---------- sections: white page, soft-grey alternating rows ---------- */
.iit-sec{background:var(--b-bg);border-color:var(--b-ash)}
.iit-sec.alt,.section--alt,.section--grey{background:var(--b-ice)}
.iit-sh{border-bottom-color:var(--b-ash);position:relative}.iit-sh h2{color:var(--b-blue)}
.iit-sh::after{content:"";position:absolute;left:0;bottom:-2px;width:72px;height:3px;background:var(--b-gold)}
.iit-more,.iit-learn{color:var(--b-cyan)}
.iit-card,.card,.iit-units a,.iit-ann,.iit-faq details,.iit-qa a,.panel,.stat-card,.news-card,.iit-pillars a,.iit-rg a,.iit-journey li{background:#fff;border-color:var(--b-ash);color:var(--b-char)}
.iit-units a{border-bottom:3px solid var(--b-gold)}.iit-units a:hover{border-bottom-color:var(--b-red)}
.iit-pillars a{border-left:4px solid var(--b-gold)}.iit-pillars b{color:var(--b-blue)}
.iit-tabs a{color:var(--b-slate)}.iit-tabs a.on{color:var(--b-cyan);border-top:3px solid var(--b-red)}
.iit-chip,.iit-date,.badge{background:var(--b-gold);color:var(--b-deep)}
.iit-journey span{background:var(--b-red);color:#fff}
.eyebrow{color:var(--b-cyan)}
.breadcrumb a:hover{color:var(--b-goldtx)}
.iit-date small,.iit-chip small,.badge small,.iit-date span,.pm-tk__tag small{color:inherit}
/* ---------- inner-page hero: stays light (as before), gold rule, readable text ---------- */
.page-hero{border-bottom:3px solid var(--b-gold)}
.page-hero:not(.page-hero--img) .lede{color:var(--b-slate)!important}
.page-hero--img:before{background:linear-gradient(90deg,rgba(59,10,18,.9),rgba(59,10,18,.45))!important}
.page-hero--img .eyebrow,.page-hero--img .eyebrow::before{color:var(--b-gold)!important}
/* ticker + quick tiles + call-to-action */
.pm-tk{background:var(--b-deep);border-bottom:3px solid var(--b-gold)}
.pm-tk__label{background:var(--b-gold);color:var(--b-deep)}.pm-tk__label i{background:var(--b-deep)}
.pm-tk__item:hover{color:var(--b-gold)}.pm-tk__item:after{color:var(--b-gold)}
.pm-tk__tag{background:var(--b-gold);color:var(--b-deep)}
.pm-tk__btn:hover{background:var(--b-red)}
.iit-tiles{background:var(--b-red);border-top:0}.iit-tiles a{border-color:rgba(255,255,255,.24);color:#fff}
.iit-tiles b{color:#fff}.iit-tiles span,.iit-tiles small{color:var(--b-onDark)}.iit-tiles a:hover{background:var(--b-blue)}.iit-tiles a:hover b{color:var(--b-gold)}
.iit-cta{background:var(--b-red);color:#fff;border-top:4px solid var(--b-gold)}.iit-cta h2{color:#fff}.iit-cta p{color:var(--b-onDark)}
.iit-cta .btn{background:var(--b-gold);border-color:var(--b-gold);color:var(--b-deep)}.iit-cta .btn:hover{background:#fff;color:var(--b-blue)}
/* statistics: white canvas, big dark-red figures, small gold vertical divider */
.iit-count{background:#fff;color:var(--b-char);border-top:1px solid var(--b-ash);border-bottom:1px solid var(--b-ash);padding:44px 0}
.iit-count .iit-wrap>div{position:relative;padding-left:22px;text-align:left}
.iit-count .iit-wrap>div::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--b-gold)}
.iit-count b{color:var(--b-red);font-weight:800;font-size:clamp(34px,4.6vw,54px);line-height:1}
.iit-count span{color:var(--b-slate);text-transform:uppercase;letter-spacing:.8px;font-size:12.5px}
/* ---------- tables + alerts (semantic red/green kept for errors/success) ---------- */
.table th,table th{background:var(--b-ice);color:var(--b-slate);border-bottom:2px solid var(--b-ash)}
.table td,table td{border-bottom:1px solid var(--b-ash)}
.alert--success,.flash--success{background:var(--c-okmist);border-color:var(--c-ok);color:var(--c-ok)}
.alert--error,.alert--danger,.flash--error{background:var(--c-errmist);border-color:var(--c-err);color:var(--c-err)}
/* ---------- footer: deep maroon, gold headings ---------- */
.iit-footer{background:linear-gradient(rgba(59,10,18,.95),rgba(45,6,12,.97)),var(--fbg) center/cover;color:var(--b-onDark);border-top:4px solid var(--b-gold)}
.iit-footer h4{color:var(--b-gold);border-bottom:0}
.iit-footer p,.iit-footer li{color:var(--b-onDark)}
.iit-footer a,.iit-footer .soc a{color:#fff}.iit-footer a:hover{color:var(--b-gold)}
.iit-footer .addr{color:var(--b-onDark2);border-top-color:rgba(255,255,255,.18)}
.iit-footer .fb{background:#2D060C;color:var(--b-onDark2);border-top:1px solid rgba(255,255,255,.12)}.iit-footer .fb a{color:#fff}.iit-footer .fb a:hover{color:var(--b-gold)}.iit-footer .fb b{color:#fff}
.iit-footer .fc b,.iit-footer .fc strong{color:#fff}
.cookie-banner{background:var(--b-deep);color:#fff;border-top:3px solid var(--b-gold)}.cookie-banner p{color:var(--b-onDark)}.cookie-banner a{color:var(--b-gold)}
.cookie-banner .btn--outline{background:transparent;color:#fff;border-color:#fff}.cookie-banner .btn--outline:hover{background:#fff;color:var(--b-blue)}
.cookie-banner .btn--primary{background:var(--b-gold);color:var(--b-deep);border-color:var(--b-gold)}
/* ---------- dashboards / admin ---------- */
.dash__sidebar{background:var(--b-deep)}.dash__sidebar,.dash__sidebar a{color:#fff}
.dash__user-name{color:#fff}
.dash__user-role{color:var(--b-gold)}.dash__avatar{background:var(--b-gold);color:var(--b-deep)}
.dash__nav a{color:var(--b-onDark)}
.dash__nav a:hover{background:var(--b-red);color:#fff}
.dash__nav a.is-active{background:var(--b-gold);color:var(--b-deep);box-shadow:none;font-weight:700}
.dash__badge{background:var(--b-gold);color:var(--b-deep)}
.dash__main{background:var(--b-ice)}
.dash__title,.panel__title{color:var(--b-blue)}.dash__subtitle{color:var(--b-slate)}
.stat-card{border-top:3px solid var(--b-gold)}.stat-card__label{color:var(--b-slate)}.stat-card__value{color:var(--b-blue)}
/* ---------- library reader ---------- */
.lib-viewer{border-color:var(--b-ash)}.lib-viewer__bar{background:var(--b-deep)}
.lib-viewer__bar button{background:var(--b-gold);color:var(--b-deep)}.lib-viewer__bar button:hover{background:#fff}
.lib-note{background:var(--b-goldmist);border:1px solid var(--b-gold);color:var(--b-char)}
.lib-shield{background:var(--b-deep)}.lib-shield b{color:var(--b-gold)}.lib-shield span{color:#fff}
.lib-prog__bar i{background:var(--b-gold)}
/* ---------- component families with their own variables ---------- */
html body .mag{--ink:#1F1B1C;--paper:#FFFFFF;--rule:#5A0F1C;--muted:#5C5C63;--red:#7A1022;--gold:#C9A24E}
html body .mag-tag{background:var(--b-red);color:#fff}
html body .mag-learn{background:var(--b-gold);color:var(--b-deep)}html body .mag-learn:hover{background:var(--b-red);color:#fff}
html body .af{--af-red:#7A1022;--af-red-d:#5A0F1C;--af-ink:#1F1B1C;--af-mute:#5C5C63;--af-line:#E2E2E5;--af-bg:#F4F4F5}
html body .af__submit{background:var(--b-gold);color:var(--b-deep)}html body .af__submit:hover{background:var(--b-goldhi);color:var(--b-deep)}
html body .af__aside{background:var(--b-deep);color:#fff}html body .af__aside h2,html body .af__aside h3{color:#fff}
html body .af legend span{background:var(--b-red);color:#fff}
html body .pm-tk{background:var(--b-deep);border-bottom:3px solid var(--b-gold)}
html body .pm-tk__label{background:var(--b-gold);color:var(--b-deep)}html body .pm-tk__label i{background:var(--b-deep)}
html body .pm-tk__tag{background:var(--b-gold);color:var(--b-deep)}
html body .dash__section-label{color:var(--b-onDark2)}
html body [style*="--b-blue"] .eyebrow,html body [style*="--b-blue"] .eyebrow::before{color:var(--b-gold)}
html body [style*="--b-blue"] h2,html body [style*="--b-blue"] h3,html body [style*="--b-blue"] h4{color:#fff}
html body [style*="--b-blue"] p,html body [style*="--b-blue"] li{color:var(--b-onDark)}
html body [style*="--b-blue"] a{color:var(--b-gold)}
html body .dash__sidebar .dash__section-label,html body .dash__nav .dash__section-label{color:var(--b-onDark2)}