/* ip-theme.css: the Identity Positioning green on any mashmancg.com page that
   belongs to Identity Positioning (Brand Audit, Workplace Audit, UnrivaledMCG).
   Opt in with <body class="ip-theme">. Same green as /identity-positioning and
   /personal-branding-tools (ipx.css, lp.css).

   The bright green is 13.9:1 on Ink but only 1.4:1 on white, so on white it
   marks rules, edges, and fills, and any green text there uses the deep green
   (5.4:1 on white). */
.ip-theme{
  --ip-green:#3DF5A0;
  --ip-green-deep:#0B7A4B;
  --ip-glow:61,245,160;
}

/* Hero: the glow and the headline's second half in green */
.ip-theme .page-hero::before,.ip-theme .hero::before{
  background:radial-gradient(closest-side, rgba(var(--ip-glow),0.16), rgba(var(--ip-glow),0.05) 45%, rgba(var(--ip-glow),0) 100%);
}
.ip-theme .page-hero h1 em,.ip-theme .hero h1 em,
.ip-theme .s-ink h2 em,.ip-theme .cta.s-ink h2 em{color:var(--ip-green);}
.ip-theme .s-white h2 em,.ip-theme .cta:not(.s-ink) h2 em{color:var(--ip-green-deep);}

/* Eyebrows: green on Ink, a green rule on white */
.ip-theme .eyebrow{color:var(--ip-green);}
.ip-theme .eyebrow::before{background:var(--ip-green);}
.ip-theme .s-white .eyebrow,.ip-theme .cta:not(.s-ink) .eyebrow{color:var(--ip-green-deep);}
.ip-theme .s-white .eyebrow::before,.ip-theme .cta:not(.s-ink) .eyebrow::before{background:var(--ip-green-deep);}

/* Numbers and labels */
.ip-theme .s-ink .cell-num,.ip-theme .page-hero .cell-num{color:var(--ip-green);}
.ip-theme .s-white .cell-num{color:var(--ip-green-deep);}
.ip-theme .step-n{color:var(--ip-green);}
.ip-theme .s-white .step-n{color:var(--ip-green-deep);}
.ip-theme .stat-big{color:var(--ip-green);}
.ip-theme .s-white .stat-big{color:var(--ink);}
.ip-theme .s-white .stat{border-top:2px solid var(--ip-green);}

/* Pillars (Ink cells, also inside white sections) */
.ip-theme .pillar-n,.ip-theme .s-white .pillar-n{color:var(--ip-green);}
.ip-theme .pillar-rule{background:var(--ip-green);}
.ip-theme .pillar-w,.ip-theme .s-white .pillar .pillar-w{color:var(--ip-green);}
.ip-theme .pillar:hover{background:linear-gradient(180deg, rgba(var(--ip-glow),0.10), var(--panel) 70%);}

/* The five bands: a green ramp, light to deep (the scale bar and each band's top edge) */
.ip-theme .tone-1{background:#C8F9E2;} .ip-theme .bands .cell:nth-child(1){--tone:#C8F9E2;}
.ip-theme .tone-2{background:#8FF5C6;} .ip-theme .bands .cell:nth-child(2){--tone:#8FF5C6;}
.ip-theme .tone-3{background:#3DF5A0;} .ip-theme .bands .cell:nth-child(3){--tone:#3DF5A0;}
.ip-theme .tone-4{background:#16A066;} .ip-theme .bands .cell:nth-child(4){--tone:#16A066;}
.ip-theme .tone-5{background:#0B7A4B;} .ip-theme .bands .cell:nth-child(5){--tone:#0B7A4B;}

/* Cards: the hover edge in green */
@media (hover:hover){
  .ip-theme .grid > .cell::after{background:var(--ip-green);}
  .ip-theme .s-white .grid > .cell::after{background:var(--ip-green-deep);}
}

/* Primary buttons on Ink take the green; links pick up a green underline */
.ip-theme .btn-light,.ip-theme .btn-light:link,.ip-theme .btn-light:visited{background:var(--ip-green); color:var(--ink); border-color:var(--ip-green);}
.ip-theme .btn-light:hover,.ip-theme .btn-light:focus-visible,.ip-theme .btn-light:active{background:var(--white); color:var(--ink); border-color:var(--white);}
.ip-theme .ilink{text-decoration-color:var(--ip-green);}
.ip-theme .s-white .ilink,.ip-theme .cta:not(.s-ink) .ilink{text-decoration-color:var(--ip-green-deep);}

/* Questions, pull quotes, and note panels */
.ip-theme .qa summary::after{border-color:var(--ip-green);}
.ip-theme .s-white .qa summary::after{border-color:var(--ip-green-deep);}
.ip-theme .pullquote{border-left-color:var(--ip-green);}
.ip-theme .note-panel{border-left:2px solid var(--ip-green);}

/* Focus rings */
.ip-theme a:focus-visible,.ip-theme button:focus-visible,.ip-theme summary:focus-visible{outline-color:var(--ip-green);}
.ip-theme .s-white a:focus-visible,.ip-theme .s-white button:focus-visible,.ip-theme .s-white summary:focus-visible{outline-color:var(--ip-green-deep);}