/* Approved HairCoPilot light shell shared by Home and the primary marketing pages.
   Applies ONLY in light tone (explicit, or System on a light OS): dark/system-dark
   fall through to the theme.css tokens. The topbar is the shared theme header
   (tone switch included) — no per-page overrides here. */
html[data-hcgpt-theme="light"],
body.hcgpt-theme-light {
  --hcg-bg: #fdfbff;
  --hcg-text: #1a1a1a;
  --hcg-text-2: #19111f;
  --hcg-muted: #51495d;
  --hcg-surface: #fff;
  --hcg-surface-2: #f9f5fc;
  --hcg-border: #e8e1ed;
  --hcg-border-strong: #d8cfe0;
}
@media (prefers-color-scheme: light) {
  html[data-hcgpt-theme="system"],
  body.hcgpt-theme-system {
    --hcg-bg: #fdfbff;
    --hcg-text: #1a1a1a;
    --hcg-text-2: #19111f;
    --hcg-muted: #51495d;
    --hcg-surface: #fff;
    --hcg-surface-2: #f9f5fc;
    --hcg-border: #e8e1ed;
    --hcg-border-strong: #d8cfe0;
  }
}
body .hcg-main { padding: 0; background: var(--hcg-bg); }

/* Brand Design: Neuton 800, soft ink, with the final phrase in the official gradient. */
body :is(.hero, .hcg-bfs, .hcg-hiw, .hcg-acad, .hcg-abt, .hcg-faq) :is(h1, h2) {
  color: var(--hcg-text);
  font-family: var(--hcg-font-heading);
  font-weight: 800;
  text-transform: none !important;
}
body :is(.grad, .hcg-grad) {
  background: var(--hcg-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}