/* Starkhound light system over the existing pages (generated by web_theme.py;
   brand ink #16191E and paper #F4F2ED since 12-oct-2026, as the app).
   Linked after each page's inline CSS: equal specificity, so this wins. */
:root, .light-section {
  --bg: #FFFFFF; --bg-raised: #FFFFFF; --header-bg: rgba(255,255,255,0.9);
  --ink: #16191E; --ink-muted: #57524A; --ink-faint: #68625A;
  --surface: #F4F2ED; --surface-line: #E3DFD6; --surface-line-strong: #D2CEC4;
  --line: #E3DFD6;
  --purple-light: #0F766E; --accent-text: #0F766E; --focus: #0F766E;
  --shadow-glow: 0 1px 2px rgba(16,24,40,0.06);
  --bg-light: #F4F2ED; --bg-light-raised: #FFFFFF; --ink-light: #16191E; --ink-muted-light: #57524A;
  --ink-faint-light: #68625A; --surface-light: #FFFFFF; --surface-line-light: #E3DFD6;
  --surface-line-light-strong: #D2CEC4; --lavender: #D5F2EC;
  --tint: #EFEDE6; --night: #16191E;
}
html, body { background: #FFFFFF; color: var(--ink); }
.light-section { background: #F4F2ED; }
.glow, .shield-viz .ping, .ping { display: none !important; }
::selection { background: rgba(15,118,110,0.18); color: var(--ink); }
/* one solid primary, no glow */
.btn-accent { background: #0F766E; box-shadow: none; color: #fff; }
.btn-accent:hover { background: #0A5852; box-shadow: none; }
.btn-ghost { color: var(--ink); border-color: var(--surface-line-strong); }
.btn-ghost:hover { background: var(--tint); border-color: #A8A196; }
/* headlines: one colour, no gradient word */
h1, h2, h3, h1.headline { color: var(--ink); }
h1.headline em, h2 em { background: none; -webkit-background-clip: border-box; background-clip: border-box; color: inherit; }
/* the closing band is the only dark surface */
.cta-band { background: var(--night); border-color: var(--night); }
.cta-band h2, .cta-band p { color: #fff; }
.cta-band p { color: #D2CEC4; }
.cta-band .btn-accent { background: #fff; color: var(--night); }
.cta-band .btn-accent:hover { background: #EFEDE6; }
/* logo on light backgrounds */

/* text that was white on dark */
.bar-row .bar-label b,
.finding-name,
.list-row .lr-name,
.mock-btn.primary,
.panel-head .title,
.rf-name,
.shield-mark,
.stat-hero .num,
.sugg-tech,
.uc-card h3,
h1.headline { color: var(--ink); }

/* lavender-tinted fills become a neutral tint */
.btn-ghost:hover,
.cap-tag,
.conn-dir,
.conn-logo,
.kicker,
.list-row .lr-tag,
.panel-foot,
.plan-note,
.sugg,
::selection { background: var(--tint); }

/* heavy dark shadows become a light elevation */
.lang-banner,
.megamenu,
.panel { box-shadow: 0 1px 2px rgba(16,24,40,0.05), 0 8px 24px -12px rgba(16,24,40,0.12); }

/* gradients become flat surfaces */
.ai-band,
.bar-fill,
.bar-fill.ok,
.bar-fill.warn,
.cmid,
.mock-btn.primary,
.plan.featured,
.shield-mark,
body::before,
h1.headline em { background-image: none; }

/* labels: sentence case in the body face, no mono caps */
.cap-tag,
.cbox.no::before,
.cbox.yes::before,
.clabels span,
.code,
.compare tr.group td,
.conn-cat-label,
.conn-dir,
.eyebrow,
.group-label,
.help-toc-section,
.kicker,
.mm-col span.mm-label,
.mobile-panel .mp-group-label,
.panel-head .sample,
.plan-includes,
.sev,
.sugg-label { text-transform: none; letter-spacing: 0; font-family: 'Manrope', system-ui, sans-serif; }

/* fills that only had a gradient get a solid colour */
.bar-fill { background: #0F766E; }
.bar-fill.ok { background: #12925F; }
.bar-fill.warn { background: #CA8A04; }
.mock-btn.primary { background: #0F766E; color: #fff; }
.plan.featured { background: #FFFFFF; border-color: #0F766E; }
.ai-band { background: #F4F2ED; }
body::before { display: none; }

/* pages whose title is the section head (pricing) */
.section-head h1 { font-family: 'Sora', sans-serif; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.12; letter-spacing: -0.02em; color: var(--ink); }

/* header on small screens: the logo keeps its size; the request button
   lives in the mobile menu and in the hero, not in a crowded bar */
header.site .brand { flex-shrink: 0; }
@media (max-width: 600px) {
  header.site .navactions .btn-accent { display: none; }
}

/* footer links wrap: with Company and Legal notice the row no longer fits */
.footer-links { flex-wrap: wrap; row-gap: 10px; }

/* Marca Starkhound (2-nov-2026): la accion principal va siempre en aguamarina
   con texto negro (13:1), sobre claro y sobre las bandas oscuras. El tono
   oscuro del acento (#0F766E) queda para texto y enlaces sobre claro. */
.btn-accent, .ink .btn-accent { background: #5EEAD4 !important; border-color: #5EEAD4 !important; color: #0B0C10 !important; }
.btn-accent:hover, .ink .btn-accent:hover { background: #99F6E4 !important; border-color: #99F6E4 !important; }