/* ============================================================
   guide.theme.css  -  GENERATED for East Valley Urology Center
   --------------------------------------------------------------
   Client: evucenter.com  -  primary brand green #7DC219 (lighter #94C942),
   navy chrome base (their nav + footer). Two-layer model:
     - chrome (this :root) = client green + navy hero ramp
     - wayfinding hues = distinct per guide; local-seo re-slotted off green
       to BLUE so it never collides with the green chrome that topical reuses.
   guide.css is structural and references these vars; it never changes.
   ============================================================ */
:root{
  /* --- structural neutrals + semantics (FIXED, copy verbatim) --- */
  --ink:#11142a; --navy:#16233f; --navy-2:#0e1a30;
  --bg:#eef3fb; --bg-2:#e6edf8; --card:#ffffff;
  --line:#dce5f2; --line-2:#e9eff7;
  --t1:#11142a; --t2:#475069; --t3:#8a93ab;
  --good:#16b981; --warn:#f59e0b; --bad:#ef4444;
  --money:#16b981; --money-2:#2bb673; --amber:#f5a623; --pink:#ec4899;
  --cyan:#8ed1fc; --sky:#5f91ce; --teal:#4aeadc;
  --shadow-sm:0 1px 2px rgba(17,20,42,.06),0 1px 3px rgba(17,20,42,.05);
  --shadow:0 6px 18px -6px rgba(20,40,90,.16),0 2px 6px -2px rgba(20,40,90,.08);
  --shadow-lg:0 24px 60px -18px rgba(15,30,70,.32),0 8px 20px -10px rgba(15,30,70,.18);
  --radius:18px; --radius-sm:12px;
  --nav-h:64px;
  --font:"Segoe UI",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue",Arial,sans-serif;

  /* --- CLIENT CHROME (EVU green + navy) ---
     --brand is a DARK green for legible text/links on white; --grad-brand is a
     BRIGHT green for fills (chips, bars, icons) so the brand reads vivid while
     body text stays readable. */
  --brand:#4a7a12;            /* dark green: links, accents, text on white */
  --brand-2:#5f9016;          /* medium green: eyebrows, small accents */
  --grad-brand:linear-gradient(135deg,#5f9417 0%,#94c942 100%);
  --grad-deep:linear-gradient(155deg,#0e1a30 0%,#163e26 45%,#5f9417 120%);

  /* --- SIGNATURE GUIDE GRADIENTS (distinct per module) --- */
  /* topical (chrome) reuses --grad-brand (client green). The rest: */
  --orange:#ff5f1f; --orange-2:#ff8a3d;
  --grad-orange:linear-gradient(135deg,#ff5f1f 0%,#ff9a3d 100%);
  --purple:#8b5cf6;
  --grad-purple:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);
  --geo:#0e9f8e; --geo-2:#34d399;
  --grad-geo:linear-gradient(135deg,#0e9f8e 0%,#34d399 100%);
  --grad-money:linear-gradient(135deg,#16b981 0%,#4aeadc 100%);
  /* local-seo: RE-SLOTTED green -> BLUE (the client primary is green, which
     topical already reuses; blue keeps local categorically distinct). The
     --green / --grad-green vars now carry blue so every green-slot rule in
     guide.css (chip, swbtn, kpi, aud, cta, sc-tag, gcard.c5) cascades to blue. */
  --green:#2563eb; --grad-green:linear-gradient(135deg,#2563eb 0%,#4d9bff 100%);
  --magenta:#db2777; --grad-magenta:linear-gradient(135deg,#db2777 0%,#f472b6 100%);
  /* agency-fixed flagship slot: lime (wellness-growth-os; not selected here). */
  --navy-wgos:#1d2d61; --lime:#a4bd23; --lime-2:#c3da4d;
  --grad-lime:linear-gradient(135deg,#a4bd23 0%,#c3da4d 100%);
}

/* ============================================================
   PER-MODULE IDENTITY (one chip + one swbtn block per installed module)
   ============================================================ */
.guide-chip.c-topical{background:var(--grad-brand)}
.guide-chip.c-brand{background:var(--grad-orange)}
.guide-chip.c-ai{background:var(--grad-purple)}
.guide-chip.c-geo{background:var(--grad-geo)}
.guide-chip.c-local{background:var(--grad-green)}
.guide-chip.c-social{background:var(--grad-magenta)}
.guide-chip.c-wgos{background:var(--grad-lime);color:#1d2d61}

.swbtn.to-topical{color:#bfe08a;border-color:rgba(95,148,23,.6)}
.swbtn.to-topical:hover{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(95,148,23,.6)}
.swbtn.to-brand{color:#ffc4a3;border-color:rgba(255,95,31,.55)}
.swbtn.to-brand:hover{background:var(--grad-orange);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(255,95,31,.6)}
.swbtn.to-ai{color:#cbb8f7;border-color:rgba(139,92,246,.6)}
.swbtn.to-ai:hover{background:var(--grad-purple);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(139,92,246,.6)}
.swbtn.to-geo{color:#86e6cf;border-color:rgba(14,159,142,.6)}
.swbtn.to-geo:hover{background:var(--grad-geo);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(16,185,129,.6)}
.swbtn.to-local{color:#a9c6f5;border-color:rgba(37,99,235,.55)}
.swbtn.to-local:hover{background:var(--grad-green);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(37,99,235,.55)}
.swbtn.to-social{color:#f7b3d4;border-color:rgba(219,39,119,.6)}
.swbtn.to-social:hover{background:var(--grad-magenta);color:#fff;border-color:transparent;box-shadow:0 5px 16px -4px rgba(219,39,119,.6)}
.swbtn.to-wgos{color:#d4e87a;border-color:rgba(164,189,35,.6)}
.swbtn.to-wgos:hover{background:var(--grad-lime);color:#1d2d61;border-color:transparent;box-shadow:0 5px 16px -4px rgba(164,189,35,.55)}

/* ============================================================
   CLIENT OVERRIDES - retint the Bluebot-blue accents baked into guide.css
   to the client green (loaded after guide.css, so these win). Plus re-slot
   the hardcoded green-class accents to blue for local-seo.
   ============================================================ */
/* hero glow + headline accent: green instead of Bluebot blue/teal.
   .accent uses background-image longhand + pinned clip (gotcha #1). */
.hero::before{background:radial-gradient(900px 420px at 82% -8%,rgba(95,148,23,.40),transparent 60%),radial-gradient(700px 500px at 8% 110%,rgba(148,201,66,.20),transparent 55%)}
.hero h1 .accent{background-image:linear-gradient(120deg,#c0e08a,#94c942);-webkit-background-clip:text;background-clip:text;color:transparent}
/* active nav tab + KPI icon tint + matrix client column: green */
.navtab.active{background:linear-gradient(135deg,rgba(74,122,18,.95),rgba(95,148,23,.92));box-shadow:0 4px 14px -4px rgba(95,148,23,.55)}
.kpi .k-ico{background:rgba(74,122,18,.12);color:var(--brand)}
table.matrix thead th.us{background:linear-gradient(135deg,#4a7a12,#7dc219)}
table.matrix td.us{background:rgba(95,148,23,.08)}
table.matrix tbody tr:hover td.us{background:rgba(95,148,23,.14)}

/* local-seo green-slot classes -> blue (the hardcoded ones in guide.css) */
.eyebrow.green{color:#1d4ed8}.eyebrow.green::before{background:var(--grad-green)}
.hero.green::before{background:radial-gradient(900px 420px at 82% -8%,rgba(37,99,235,.36),transparent 60%),radial-gradient(700px 500px at 8% 110%,rgba(77,155,255,.18),transparent 55%)}
.hero.green h1 .accent{background-image:linear-gradient(120deg,#a9c6f5,#4d9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.callout.local{background:linear-gradient(135deg,#fff,#f1f6ff);border-color:#c4d8f7}.callout.local .cic{background:var(--grad-green)}