/* ============================================================
   COLEMAN & CO. — SHARED MAISON THEME (site-wide inner pages)
   Dark espresso + struck-gold. Loaded LAST on every inner page.
   SAFE GLOBALS ONLY: canvas, type, links, footers, generic inputs/
   tables, token remap, inline-blue sweep. Per-page component colors
   live in each page's own <page>-maison.css. NOT linked on index.html
   (the homepage is hand-built maison already).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Sora:wght@200;300;400;500;600&display=swap');

:root {
  --m-bg:#0A0805; --m-bg2:#0F0C08; --m-bg3:#13100B; --m-bg4:#1A150E;
  --m-text:#EEE9DF; --m-text2:#C8BFB0; --m-muted:#897C6B; --m-muted2:#A89B89;
  --m-gold:#C4943A; --m-gold2:#E2B76A; --m-gold3:#F2D79A;
  --m-sage:#6B8B78; --m-sage2:#8FAF9A; --m-blush:#B8836A;
  --m-line:rgba(196,148,58,.18); --m-line2:rgba(196,148,58,.36);
  --m-glass:linear-gradient(160deg,#13100B,#0F0C08);
  --m-glass2:linear-gradient(160deg,#181309,#110E09);
  --m-goldgrad:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A);
  --m-shadow:0 1px 2px rgba(0,0,0,.4),0 18px 48px rgba(0,0,0,.42);
  --m-play:'Playfair Display',Georgia,serif; --m-sans:'Sora',system-ui,sans-serif;

  /* shared token-system remap (tokens.css / components.css) */
  --cc-color-blue:var(--m-gold)!important; --cc-color-blue-deep:var(--m-gold)!important;
  --cc-color-blue-light:var(--m-gold2)!important; --cc-color-cyan:var(--m-gold2)!important; --cc-color-cyan-light:var(--m-gold3)!important;
  --cc-text:var(--m-text)!important; --cc-text-dim:var(--m-text2)!important; --cc-text-muted:var(--m-muted2)!important; --cc-text-faint:var(--m-muted)!important;
  --cc-surface-bg-top:var(--m-bg)!important; --cc-surface-bg-mid:var(--m-bg2)!important; --cc-surface-bg-bot:var(--m-bg3)!important;
  --cc-surface-bg-gradient:linear-gradient(180deg,var(--m-bg),var(--m-bg2) 48%,var(--m-bg3))!important;
  --cc-surface-card:var(--m-bg3)!important; --cc-surface-card-soft:var(--m-bg2)!important; --cc-surface-elevated:var(--m-bg3)!important;
  --cc-rule:var(--m-line)!important; --cc-rule-strong:var(--m-line2)!important;
  --cc-color-green:var(--m-sage2)!important; --cc-color-amber:var(--m-gold2)!important; --cc-color-red:var(--m-blush)!important;
  --cc-dark:var(--m-bg)!important; --cc-dark-deep:var(--m-bg)!important; --cc-on-dark:var(--m-text)!important;
  --cc-font-display:var(--m-play)!important; --cc-font-ui:var(--m-sans)!important; --cc-font-eyebrow:var(--m-sans)!important;
  /* page-level aliases used by some pages */
  --ink:var(--m-text)!important; --ink-soft:var(--m-text2)!important; --ink-mute:var(--m-muted2)!important; --ink-faint:var(--m-muted)!important;
  --line:var(--m-line)!important; --line-strong:var(--m-line2)!important;
  --gold:var(--m-gold)!important; --blue:var(--m-gold)!important; --teal:var(--m-gold)!important;
  --grad:var(--m-goldgrad)!important; --card:var(--m-glass)!important; --bg-1:var(--m-bg)!important; --bg-2:var(--m-bg2)!important; --bg-3:var(--m-bg3)!important;
}

/* ───────────── CANVAS ───────────── */
html, body {
  background:
    radial-gradient(80% 50% at 50% -10%, rgba(196,148,58,.10), transparent 70%),
    linear-gradient(160deg, var(--m-bg) 0%, var(--m-bg2) 55%, var(--m-bg3) 100%) !important;
  background-attachment: fixed !important;
  color: var(--m-text) !important; font-family: var(--m-sans) !important;
}
body::after {
  content:''; position:fixed; inset:0; pointer-events:none; z-index:9998; opacity:.05; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ───────────── TYPE ───────────── */
h1,h2,h3,h4,h5 { font-family: var(--m-play) !important; color: var(--m-text) !important; font-weight:500; }
p, li, span, td, th, label, div { font-family: inherit; }
body, p, li, input, textarea, select, button { font-family: var(--m-sans); }
a { color: var(--m-gold2); }
a:hover { color: var(--m-gold3); }
em { font-style: italic; color: var(--m-gold2); }
::selection { background: rgba(196,148,58,.3); color: var(--m-text); }
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-track { background: var(--m-bg); }
::-webkit-scrollbar-thumb { background: rgba(196,148,58,.22); border-radius:10px; }

/* ───────────── GENERIC SURFACES ───────────── */
/* decorative ambient blobs across pages → warm */
.blob, [class*="blob"] { filter: hue-rotate(8deg) saturate(.4) !important; opacity:.4 !important; }

/* footers (shared markup across inner pages) */
.site-footer, .footer { background: transparent !important; color: var(--m-muted2) !important; border-top:1px solid var(--m-line) !important; }
.footer-links a, .footer-email, .footer-social a, .footer-copy { color: var(--m-muted2) !important; }
.footer-links a:hover, .footer-email:hover { color: var(--m-gold3) !important; }
.site-footer .footer-email { color: var(--m-muted2) !important; }
.site-footer .footer-email:hover { color: var(--m-gold3) !important; }

/* generic inputs / selects / textareas */
input, textarea, select {
  background: rgba(255,255,255,.035) !important; color: var(--m-text) !important;
  border:1px solid var(--m-line) !important; border-radius:10px;
}
input::placeholder, textarea::placeholder { color: var(--m-muted) !important; }
input:focus, textarea:focus, select:focus { outline:none !important; border-color: var(--m-gold2) !important; box-shadow:0 0 0 3px rgba(196,148,58,.13) !important; }

/* generic tables */
table { color: var(--m-text) !important; }
thead th { background: linear-gradient(180deg, rgba(196,148,58,.10), rgba(196,148,58,.03)) !important; color: var(--m-gold2) !important; border-bottom:1px solid var(--m-line2) !important; }
tbody td { border-bottom:1px solid var(--m-line) !important; color: var(--m-text2) !important; }
tbody tr:hover { background: rgba(196,148,58,.04) !important; }

/* ───────────── SHARED CHROME (heroes + nav buttons) ───────────── */
/* hero banners (shared .mbr-banner-stage + page hero bands) → dark espresso */
.mbr-banner-stage, [class*="mbr-banner"], [class$="-hero"], [class*="-hero "], .page-hero, .hero-band {
  background:
    radial-gradient(800px 420px at 85% -30%, rgba(196,148,58,.14), transparent 60%),
    linear-gradient(150deg, var(--m-bg3), var(--m-bg2)) !important;
  border-color: var(--m-line) !important; color: var(--m-text) !important;
}
[class*="hero-overlay"], [class*="hero-tint"], [class*="hero-scrim"] {
  background: linear-gradient(180deg, rgba(10,8,5,.2), rgba(10,8,5,.55)) !important;
}
[class*="hero-title"], [class*="cat-title"], [class*="-cat-title"], [class*="section-title"] {
  font-family: var(--m-play) !important; color: var(--m-text) !important;
}
[class*="hero-title"] em, [class*="hero-accent"],
[class*="hero"] strong, [class*="hero"] b, [class*="hero"] em,
h1 strong, h1 em, h2 strong, h2 em {
  color: var(--m-gold2) !important; -webkit-text-fill-color: var(--m-gold2) !important; background:none !important;
}
[class*="cat-label"], [class*="section-label"], [class*="-eyebrow"] {
  color: var(--m-gold2) !important; font-family: var(--m-sans) !important; letter-spacing:.2em !important;
}
/* shared round nav buttons (menu / home) → gold glass */
.menu-btn, .home-mark, .home-btn, .nav-icon-btn, [class*="menu-btn"], [class*="home-mark"] {
  background: rgba(196,148,58,.08) !important; color: var(--m-gold2) !important; border:1px solid var(--m-line) !important;
}
.menu-btn:hover, .home-mark:hover { border-color: var(--m-line2) !important; color: var(--m-gold3) !important; }
.menu-btn svg, .home-mark svg { stroke: currentColor !important; color: var(--m-gold2) !important; }
/* hero decorative ornaments → gold */
[class*="ornament"], [class*="-diamond"] { color: var(--m-gold2) !important; border-color: var(--m-line2) !important; background: transparent !important; }

/* generic pills (default dark; active handled per-page) */
[class*="-pill"]:not(.active):not(.is-active) {
  background: rgba(255,255,255,.04) !important; color: var(--m-text2) !important; border:1px solid var(--m-line) !important;
}
[class*="-pill"].active, [class*="-pill"].is-active {
  background: var(--m-goldgrad) !important; color:#2A1808 !important; border-color: var(--m-line2) !important;
}
/* generic cards (common white card classes) → dark glass */
.card, [class*="-card"]:not([class*="hero"]) {
  background: var(--m-glass) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important;
}

/* ───────────── INLINE-BLUE SWEEP (buttons/pills only patterns) ─────────────
   Catches the common brand-blue/cyan inline gradients used on buttons.
   Per-page panels with blue inline bg are handled in <page>-maison.css. */
[style*="linear-gradient(135deg,#2A3FA8"], [style*="linear-gradient(135deg, #2A3FA8"],
[style*="#3f6fc4"], [style*="#7fa6dd"], [style*="#6b92d0"], [style*="#4a7ad0"],
[style*="linear-gradient(135deg,#6b92d0"], [style*="linear-gradient(135deg,#3f6fc4"] {
  background: var(--m-goldgrad) !important; color:#2A1808 !important; border-color: var(--m-line2) !important;
}

/* ═══════════ GLOBAL ACCENT NORMALIZERS ═══════════ */
[class*="eyebrow"] { color: var(--m-gold2) !important; }
body strong, body b { color: var(--m-gold2) !important; }
.btn-primary strong, .gbtn strong, .cart-checkout strong, [class*="gold-plate"] strong { color:#2A1808 !important; }
.accent-bar, [class*="accent-bar"], [class*="top-accent"], .topbar-accent { background: var(--m-goldgrad) !important; }
.result-value, [class*="result-value"] {
  background: var(--m-goldgrad) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important;
}

/* ═══════════ PER-PAGE COMPONENT FIXES ═══════════ */
/* BLOG */
.founder-badge { color: var(--m-gold2) !important; background: rgba(196,148,58,.08) !important; border-color: var(--m-line2) !important; }
.card-icon-bar { background: var(--m-goldgrad) !important; }
.card-icon-dot { background: var(--m-gold2) !important; }
.card-category, .modal-category { color: var(--m-gold2) !important; }
.card-meta-read, .card-meta { color: var(--m-muted2) !important; }
.pets-feature { background: var(--m-glass2) !important; border-color: var(--m-line2) !important; color: var(--m-text) !important; }
.btn-read { background: rgba(196,148,58,.08) !important; color: var(--m-gold3) !important; border:1px solid var(--m-line2) !important; }
.btn-read:hover { background: var(--m-goldgrad) !important; color:#2A1808 !important; }
.btn-amber {
  background: #C9982E url('../logo-kit/crest/gold-plate.webp') center/cover no-repeat !important;
  color:#2A1808 !important; border:1px solid rgba(120,84,28,.65) !important; text-shadow:0 1px 0 rgba(255,246,214,.5) !important;
}
.submit-wrap { background: var(--m-glass) !important; border-color: var(--m-line) !important; }
.modal, .modal-card { background: var(--m-glass2) !important; border:1px solid var(--m-line2) !important; color: var(--m-text) !important; }
.modal-close { background: rgba(255,255,255,.06) !important; color: var(--m-text) !important; border:1px solid var(--m-line) !important; }

/* QA */
.qa-intro, .qa-item, .qa-footnote { background: var(--m-glass) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important; }
.qa-q, .qa-question { color: var(--m-text) !important; font-family: var(--m-play) !important; }

/* AESTHETICS */
.aes-hero-card, .aes-services, .aes-step, .aes-contact {
  background: var(--m-glass) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important;
}
.btn-aes-white {
  background: rgba(196,148,58,.08) !important; color: var(--m-gold3) !important; border:1px solid var(--m-line2) !important;
}
.btn-aes-white:hover { background: var(--m-goldgrad) !important; color:#2A1808 !important; }

/* MY CHART (gated) */
.mc-member-topbar, .mc-member-footer {
  background: linear-gradient(180deg, rgba(15,12,8,.9), rgba(10,8,5,.95)) !important;
  border-color: var(--m-line) !important; color: var(--m-text) !important;
}
.mc-member-topbar a, .mc-member-footer button { color: var(--m-gold2) !important; }
.mc-member-topbar a:hover, .mc-member-footer button:hover { background: rgba(196,148,58,.08) !important; }

/* STACK BUILDER (gated) */
.sb-empty, .sb-pp-field, .sb-pp-foot {
  background: var(--m-glass) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important;
}
.sb-stack-card-pick { border:1px dashed var(--m-line2) !important; color: var(--m-text2) !important; background: rgba(196,148,58,.04) !important; }
.sb-pick-empty-btn {
  background: var(--m-goldgrad) !important; color:#2A1808 !important; border:1px solid var(--m-line2) !important;
}
.sb-pick-empty-btn:hover { filter: brightness(1.06) !important; background: var(--m-goldgrad) !important; border-color: var(--m-line2) !important; }
.sb-pick-change { background: rgba(255,255,255,.04) !important; color: var(--m-text2) !important; border:1px solid var(--m-line) !important; }
.sb-pick-change:hover { border-color: var(--m-line2) !important; background: rgba(196,148,58,.08) !important; color: var(--m-gold3) !important; }
.sb-pp-preset { background: var(--m-glass) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important; }
.sb-pp-preset:hover { border-color: var(--m-line2) !important; background: rgba(196,148,58,.06) !important; }
.sb-pp-preset.is-on { border-color: rgba(143,175,154,.5) !important; background: rgba(143,175,154,.08) !important; box-shadow:0 0 0 1px rgba(143,175,154,.4) !important; }
.sb-pp-preset-name { color: var(--m-text) !important; }
.sb-pp-preset-dose { color: var(--m-gold2) !important; }
.sb-pp-preset-note { color: var(--m-muted2) !important; }

/* REFERENCE GUIDE / misc */
.formula-box { background: var(--m-glass) !important; border:1px solid var(--m-line2) !important; color: var(--m-text) !important; }
.formula-box, .formula-box * { color: var(--m-gold3) !important; }
.toast { background: var(--m-glass2) !important; color: var(--m-text) !important; border:1px solid var(--m-line2) !important; }

/* FORMS */
.hero-stats { background: var(--m-glass) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important; }
.portal-mark, .portal-body { color: var(--m-text2) !important; }
.portal-card .portal-mark { color: var(--m-gold2) !important; }

/* PROTOCOLS (protocol-reta, protocol-cjc-ipa) */
.vial-badge, .highlight-tag {
  background: rgba(196,148,58,.10) !important; color: var(--m-gold3) !important; border:1px solid var(--m-line2) !important;
}
.num, .weeks, .result, .protocol-num { color: var(--m-gold2) !important; }
.schedule, .schedule-header, .schedule-row, .dose-table, .dose-table th, .dose-table td {
  background: var(--m-glass) !important; color: var(--m-text) !important; border-color: var(--m-line) !important;
}
.schedule-header, .dose-table thead th { background: linear-gradient(180deg, rgba(196,148,58,.12), rgba(196,148,58,.03)) !important; color: var(--m-gold2) !important; }
.schedule-row.active, .dose-jake, .dose-row.active {
  background: linear-gradient(135deg, rgba(196,148,58,.18), rgba(242,215,154,.06)) !important; color: var(--m-gold3) !important;
}

/* INTAKE (multi-step form) */
.intake-progress, .nav-card, .form-section, .intake-photo-frame, .mbr-banner-scrim {
  background: var(--m-glass) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important;
}
.mbr-banner-scrim { background: linear-gradient(180deg, rgba(10,8,5,.2), rgba(10,8,5,.55)) !important; border:0 !important; }
.prog-pip { background: rgba(196,148,58,.2) !important; }
.prog-pip.active, .prog-pip.is-active, .prog-pip.done { background: var(--m-goldgrad) !important; }
.prog-connector { background: var(--m-line2) !important; }
.section-num { color: var(--m-gold2) !important; background: rgba(196,148,58,.08) !important; border:1px solid var(--m-line2) !important; }
.section-rule { background: linear-gradient(90deg, var(--m-line2), transparent) !important; }
.intake-photo-label, .note { color: var(--m-muted2) !important; }
[class*="ornament"], [class*="-diamond"] { color: var(--m-gold2) !important; }

/* intake uses a body.cc-editorial scope → match it (element bumps specificity) to win */
body.cc-editorial .form-section, body.cc-editorial .intake-photo-frame,
body.cc-editorial .consent-box, body.cc-editorial .nav-card, body.cc-editorial .intake-progress {
  background: var(--m-glass) !important; border:1px solid var(--m-line) !important; color: var(--m-text) !important;
}
body.cc-editorial .mbr-banner-scrim { background: linear-gradient(180deg, rgba(10,8,5,.2), rgba(10,8,5,.6)) !important; border:0 !important; }
body.cc-editorial .intake-hero-eyebrow { color: var(--m-gold2) !important; }
body.cc-editorial label, body.cc-editorial .field-label { background: transparent !important; color: var(--m-text2) !important; }
body.cc-editorial input, body.cc-editorial textarea, body.cc-editorial select {
  background: rgba(255,255,255,.04) !important; color: var(--m-text) !important; border:1px solid var(--m-line) !important;
}
body.cc-editorial .req, body.cc-editorial .lab-docs-strong { color: var(--m-gold2) !important; }
body.cc-editorial .submit-btn, body.cc-editorial button[type="submit"] {
  background: #C9982E url('../logo-kit/crest/gold-plate.webp') center/cover no-repeat !important;
  color:#2A1808 !important; border:1px solid rgba(120,84,28,.65) !important; text-shadow:0 1px 0 rgba(255,246,214,.5) !important;
}
body.cc-editorial .intake-hero, body.cc-editorial [class*="hero"] { color: var(--m-text) !important; }
body.cc-editorial .section-num { color: var(--m-gold2) !important; background: rgba(196,148,58,.08) !important; }
/* intake page canvas + hero band */
body.cc-editorial {
  background:
    radial-gradient(80% 50% at 50% -10%, rgba(196,148,58,.10), transparent 70%),
    linear-gradient(160deg, var(--m-bg) 0%, var(--m-bg2) 55%, var(--m-bg3) 100%) !important;
}
body.cc-editorial .intake-hero, body.cc-editorial .intake-hero.mbr-banner, body.cc-editorial [class*="intake-hero"] {
  background:
    radial-gradient(800px 420px at 85% -30%, rgba(196,148,58,.16), transparent 60%),
    linear-gradient(150deg, var(--m-bg3), var(--m-bg2)) !important;
  border-color: var(--m-line) !important;
}
body.cc-editorial .intake-hero-title, body.cc-editorial .intake-hero h1 { color: var(--m-text) !important; }
body.cc-editorial .intake-hero-title strong, body.cc-editorial .intake-hero strong { color: var(--m-gold2) !important; }

/* ════════ RENDERED 3D GOLD CROWN-PLAQUE BUTTONS — primary CTAs site-wide ════════
   One plaque image + real HTML text (correct label every time). Applied to the
   large primary CTAs on public pages. Small utility buttons keep the gold CSS. */
.btn-plaque, .btn-fill,
body.cc-editorial .submit-btn,
.btn-aes-white, .btn-aes-primary, .aes-cta,
.lead-cta, .cta-gold {
  background:url('../logo-kit/buttons/plaque-wide.png') center/100% 100% no-repeat !important;
  border:none !important; box-shadow:none !important; color:#3A2408 !important;
  font-family:var(--m-sans) !important; font-weight:600 !important; text-transform:uppercase !important;
  letter-spacing:.13em !important; white-space:nowrap; line-height:1.1; text-decoration:none !important;
  text-shadow:0 1px 0 rgba(255,247,224,.55),0 -1px 0 rgba(90,56,14,.2) !important;
  display:inline-flex !important; align-items:center; justify-content:center; text-align:center;
  aspect-ratio:1280/416; width:clamp(238px,26vw,300px); min-height:0 !important; padding:0 11% !important; border-radius:0 !important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.5)); overflow:visible;
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
  transition:transform .22s cubic-bezier(.2,.7,.3,1),filter .22s !important;
}
.btn-plaque svg, .btn-fill svg, body.cc-editorial .submit-btn svg, .btn-aes-white svg, .shop-gate-btn svg, .cart-checkout svg { display:none !important; }
.btn-plaque::before,.btn-plaque::after,.btn-fill::before,.btn-fill::after { display:none !important; content:none !important; }
.btn-plaque:hover, .btn-fill:hover, body.cc-editorial .submit-btn:hover,
.btn-aes-white:hover, .shop-gate-btn:hover, .cart-checkout:hover {
  transform:translateY(-3px) !important; filter:drop-shadow(0 18px 34px rgba(196,148,58,.42)) brightness(1.05) !important;
}

/* ════════ INTAKE — final blue/teal kill (body.cc-editorial scope wins) ════════ */
body.cc-editorial .form-section::after{background:linear-gradient(90deg,transparent,var(--m-gold2) 50%,transparent)!important}
body.cc-editorial .form-section::before{background:linear-gradient(90deg,transparent,rgba(196,148,58,.3),transparent)!important}
body.cc-editorial .intake-hero-eyebrow{color:var(--m-gold2)!important}
body.cc-editorial .intake-hero-eyebrow::before{background:linear-gradient(to left,var(--m-gold2),transparent)!important}
body.cc-editorial .prog-pip{border-color:var(--m-line2)!important;background:rgba(196,148,58,.22)!important}
body.cc-editorial .prog-pip.active,body.cc-editorial .prog-pip.is-active,body.cc-editorial .prog-pip.done{background:var(--m-goldgrad)!important;border-color:var(--m-line2)!important}
body.cc-editorial .prog-connector,body.cc-editorial .intake-personal-split{border-color:var(--m-line)!important;background:var(--m-line2)!important}
body.cc-editorial .intake-personal-split{background:none!important;border-bottom-color:var(--m-line)!important}
body.cc-editorial .req{color:var(--m-gold2)!important}
body.cc-editorial svg{stroke:var(--m-gold2)!important}
body.cc-editorial .section-num,body.cc-editorial .section-num *{color:var(--m-gold2)!important}
body.cc-editorial [class*="icon"] svg{stroke:var(--m-gold2)!important;color:var(--m-gold2)!important}
body.cc-editorial .intake-bg{background-image:radial-gradient(90% 70% at 50% 12%,rgba(196,148,58,.10),transparent 70%)!important}
body.cc-editorial .mbr-banner-scrim,body.cc-editorial [class*="banner-scrim"]{background:linear-gradient(180deg,rgba(10,8,5,.25),rgba(10,8,5,.6))!important}
body.cc-editorial .intake-hero-logo{filter:drop-shadow(0 10px 26px rgba(0,0,0,.55)) drop-shadow(0 0 40px rgba(196,148,58,.25))!important}
body.cc-editorial .req,body.cc-editorial .req::before,body.cc-editorial .req::after,body.cc-editorial .required,body.cc-editorial label .req{color:var(--m-gold2)!important}
body.cc-editorial svg{stroke:var(--m-gold2)!important;color:var(--m-gold2)!important}

/* ════════ READABILITY FLOOR — no dark-on-dark text (WCAG AA on espresso) ════════ */
p, li, dd, dt, td, th, blockquote, figcaption, small,
.section-desc, .lab-docs-desc, .intake-photo-caption, .submit-note,
.prog-label, .lab-docs-sub, .intake-photo-hint, label, .field-label, .hint, .meta, .note {
  color: var(--m-text2) !important;
}
.section-title, .lab-docs-title, .card-title, h1, h2, h3, h4, h5, h6 { color: var(--m-text) !important; }
.prog-pip { color: var(--m-gold3) !important; }

/* intake (body.cc-editorial) — beat the editorial dark-ink colors */
body.cc-editorial, body.cc-editorial p, body.cc-editorial li, body.cc-editorial span,
body.cc-editorial label, body.cc-editorial .field-label, body.cc-editorial .section-title,
body.cc-editorial .lab-docs-title, body.cc-editorial .prog-label, body.cc-editorial dt,
body.cc-editorial dd, body.cc-editorial .intake-hero-note, body.cc-editorial .consent-box {
  color: var(--m-text) !important;
}
body.cc-editorial .section-desc, body.cc-editorial .lab-docs-desc, body.cc-editorial .lab-docs-sub,
body.cc-editorial .intake-photo-hint, body.cc-editorial .intake-photo-caption,
body.cc-editorial .submit-note, body.cc-editorial .intake-photo-label, body.cc-editorial .field-hint {
  color: var(--m-muted2) !important;
}
body.cc-editorial .prog-pip { color: var(--m-gold3) !important; }
body.cc-editorial a:not(.btn-fill):not(.submit-btn):not(.btn-plaque) { color: var(--m-gold2) !important; }
body.cc-editorial .field label, body.cc-editorial .field label .note { color: var(--m-text) !important; }
body.cc-editorial .field label .req { color: var(--m-gold2) !important; }
body.cc-editorial .radio-group label, body.cc-editorial .check-group label { color: var(--m-text2) !important; }

/* ════ READABILITY pt.2 — summaries, excerpts, aesthetics light panels ════ */
[class*="excerpt"], [class*="-summary"], [class*="card-text"], [class*="card-body"] { color: var(--m-text2) !important; }
summary { color: var(--m-text) !important; }
/* aesthetics: darken cream nav + gold pricing band so text is readable */
.aes-nav { background: rgba(12,9,6,.82) !important; border-bottom:1px solid var(--m-line) !important; }
.aes-nav-logo { color: var(--m-text) !important; }
.aes-nav-back { color: var(--m-text2) !important; }
.aes-nav-login { background: rgba(196,148,58,.08) !important; color: var(--m-gold2) !important; border:1px solid var(--m-line2) !important; }
.aes-pricing { background: linear-gradient(160deg, var(--m-bg4), var(--m-bg3)) !important; }
.aes-pricing-item { background: rgba(255,255,255,.04) !important; border-color: var(--m-line) !important; }
.aes-pricing-label, .aes-pricing-body { color: var(--m-text2) !important; }
.aes-pricing-title, .aes-pricing-item-name, .aes-pricing-item-price { color: var(--m-text) !important; }
.aes-pricing-item-sub { color: var(--m-muted2) !important; }
.protocol-row, .protocol-row span, .protocol-step, .modal .protocol-row { color: var(--m-text2) !important; }

/* ════ READABILITY pt.3 — recurring low-contrast accents (higher specificity) ════ */
body [class*="eyebrow"] { color: var(--m-gold2) !important; }
[class*="-meta"], .story-meta, .card-meta, .post-meta { color: var(--m-text2) !important; }
.story-tag, [class*="-tag"]:not(.tag-pill):not(.tick):not([class*="status"]) { color: var(--m-sage2) !important; }
.expect-num, [class*="-num"]:not(.section-num):not(.prog-pip):not(.pn) { color: var(--m-gold2) !important; }
body[class] [class*="eyebrow"], body.cc-editorial [class*="eyebrow"], html body [class*="eyebrow"] { color: var(--m-gold2) !important; }

/* ════ READABILITY pt.4 — generic faint text patterns (calculator etc.) ════ */
[class*="-label"]:not(.aes-pricing-label), [class*="-detail"], [class*="-name"],
[class*="-text"], [class*="-hint"], [class*="-sub"], .brand, .back, .result-label, .preset-label, .preset-name {
  color: var(--m-text2) !important;
}
[class*="-hint"], .unit-hint, .formula-label { color: var(--m-muted2) !important; }
[class*="desc"], [class*="subtitle"], .subtitle, .desc, .mg, .mech-desc, [class*="-mg"] { color: var(--m-text2) !important; }
.blend, .mcg, .mg, .dose-unit, .unit, [class*="unit"], [class*="-blend"] { color: var(--m-text2) !important; }

/* ════ GATED MEMBER TOOLS — loading gate + buttons + blue (2026-06-24) ════ */
/* "Verifying member access" overlay → espresso + gold spinner (kills navy/cyan) */
#cc-auth-block,.cc-auth-block{background:var(--m-bg) !important}
#cc-auth-block > div,#cc-auth-block .spinner{border-color:rgba(196,148,58,.22) !important;border-top-color:var(--m-gold2) !important}
#cc-auth-block p{color:var(--m-text2) !important}
/* stack builder / member-tool buttons → struck gold */
.sb-add-btn,.sb-tool-btn,.sb-save-btn,.sb-cta,.sb-primary,.sb-hero-actions button,
.sb-pick-empty-btn,.calc-btn,.btn-calc,.forms-cta,.member-tool-btn{
  background:url('../logo-kit/buttons/plaque-wide.png') center/100% 100% no-repeat,linear-gradient(150deg,#E2B76A,#C4943A) !important;
  background-blend-mode:normal !important;color:#2A1808 !important;border:1px solid rgba(120,84,28,.6) !important;border-radius:10px !important;
  font-family:var(--m-sans) !important;font-weight:600 !important;letter-spacing:.08em !important;text-transform:uppercase !important;
  text-shadow:0 1px 0 rgba(255,246,214,.5) !important;box-shadow:inset 0 1px 0 rgba(255,248,228,.6),0 5px 14px rgba(0,0,0,.4) !important}
.sb-tool-danger{background:rgba(184,131,106,.12) !important;color:var(--m-blush) !important;border:1px solid rgba(184,131,106,.4) !important;text-shadow:none !important}
.sb-add-btn svg,.sb-tool-btn svg{stroke:#2A1808 !important}
.sb-tool-danger svg{stroke:var(--m-blush) !important}
/* broad inline blue/cyan/teal catch for these tools */
[style*="2A3FA8"],[style*="42,63,168"],[style*="42, 63, 168"],[style*="2EB6E0"],[style*="46,182,224"],[style*="46, 182, 224"],[style*="0fb5a0"],[style*="15,181,160"],[style*="15, 181, 160"],[style*="#090d18"]{
  border-color:var(--m-line2) !important}

/* ── 2026-07-01 audit: styles.css paints cc-editorial footers as a LIGHT
   grey band (#6E6F6E→#4A4B4A) — gold/sage/white footer type sat on it at
   2-3:1 (the "light on light" Brandon keeps spotting; intake + testimonials).
   Repaint the band espresso; the light type the same rules force is then
   correct on it. ── */
body.cc-editorial .footer,
body.cc-editorial footer {
  background: linear-gradient(180deg, #1A150E 0%, #0E0B07 100%) !important;
  border-top: 1px solid rgba(226,183,106,0.18) !important;
}
.site-footer,
body.cc-editorial .site-footer {
  background: linear-gradient(180deg, #1A150E 0%, #0E0B07 100%) !important;
  border-top: 1px solid rgba(226,183,106,0.18) !important;
}
.site-footer::before,
body.cc-editorial .site-footer::before {
  background: linear-gradient(90deg, transparent 0%, #E2B76A 50%, transparent 100%) !important;
}
