/* Locks launch-facing BC pages to the homepage author brand palette. */
:root,
body,
body.light-mode {
  color-scheme: light;
  --bc-color-bg: #ffffff;
  --bc-color-bg-alt: #f5f7fa;
  --bc-color-bg-subtle: #f8f6f0;
  --bc-color-surface: #ffffff;
  --bc-color-surface-raised: #ffffff;
  --bc-color-surface-inset: #f8f6f0;
  --bc-color-border: #e5e2dd;
  --bc-color-border-strong: #cfc7bb;
  --bc-color-text: #1a1a2e;
  --bc-color-text-muted: #61687a;
  --bc-color-text-subtle: #7f8797;
  --bc-color-inverse: #ffffff;
  --bc-color-accent: #315f72;
  --bc-color-accent-hover: #244b5b;
  --bc-color-accent-soft: rgba(49, 95, 114, 0.10);
  --bc-color-accent-muted: rgba(49, 95, 114, 0.18);
  --bc-color-accent-ring: rgba(49, 95, 114, 0.28);
  --bc-color-overlay: rgba(10, 10, 15, 0.18);
  --bc-accent: var(--bc-color-accent);
  --bc-accent-hover: var(--bc-color-accent-hover);
  --bc-accent-light: var(--bc-color-accent-soft);
  --bc-accent-glow: var(--bc-color-accent-ring);
  --bc-bg: var(--bc-color-bg);
  --bc-bg-alt: var(--bc-color-bg-alt);
  --bc-border: var(--bc-color-border);
  --bc-text: var(--bc-color-text);
  --bc-text-muted: var(--bc-color-text-muted);
  --bg: var(--bc-color-bg);
  --bg-alt: var(--bc-color-bg-alt);
  --bg-card: var(--bc-color-surface);
  --border: var(--bc-color-border);
  --text: var(--bc-color-text);
  --text-muted: var(--bc-color-text-muted);
  --accent: var(--bc-color-accent);
  --accent-hover: var(--bc-color-accent-hover);
  --accent-glow: var(--bc-color-accent-soft);
}

@media (prefers-color-scheme: dark) {
  :root,
  body,
  body.light-mode {
    color-scheme: light;
    --bc-color-bg: #ffffff;
    --bc-color-bg-alt: #f5f7fa;
    --bc-color-bg-subtle: #f8f6f0;
    --bc-color-surface: #ffffff;
    --bc-color-surface-raised: #ffffff;
    --bc-color-surface-inset: #f8f6f0;
    --bc-color-border: #e5e2dd;
    --bc-color-border-strong: #cfc7bb;
    --bc-color-text: #1a1a2e;
    --bc-color-text-muted: #61687a;
    --bc-color-text-subtle: #7f8797;
    --bc-color-inverse: #ffffff;
    --bc-color-accent: #315f72;
    --bc-color-accent-hover: #244b5b;
    --bc-color-accent-soft: rgba(49, 95, 114, 0.10);
    --bc-color-accent-muted: rgba(49, 95, 114, 0.18);
    --bc-color-accent-ring: rgba(49, 95, 114, 0.28);
    --bc-color-overlay: rgba(10, 10, 15, 0.18);
  }
}

html,
body {
  background: #ffffff !important;
  color: var(--bc-color-text) !important;
}

.bc-header,
.bc-topbar,
.nav {
  background: rgba(255, 255, 255, 0.95) !important;
  border-bottom: 1px solid var(--bc-color-border) !important;
}

.bc-logo,
.bc-brand,
.nav-brand {
  color: var(--bc-color-text) !important;
  letter-spacing: 0 !important;
}

.bc-logo span,
.bc-brand span,
.nav-brand span,
.hero h1 em {
  color: var(--bc-color-accent) !important;
}

.bc-nav a,
.nav-links a,
.bc-footer-links a,
.footer-links a {
  color: var(--bc-color-text-muted) !important;
}

.bc-nav a:hover,
.bc-nav a.active,
.bc-nav a[aria-current="page"],
.nav-links a:hover,
.nav-links a.active,
.nav-links a[aria-current="page"] {
  color: var(--bc-color-text) !important;
}

.bc-nav-cta,
.btn-primary,
.bc-btn-primary,
.signup-submit {
  background: var(--bc-color-accent) !important;
  border-color: var(--bc-color-accent) !important;
  color: #ffffff !important;
}

.bc-nav-cta:hover,
.btn-primary:hover,
.bc-btn-primary:hover,
.signup-submit:hover {
  background: var(--bc-color-accent-hover) !important;
  border-color: var(--bc-color-accent-hover) !important;
  color: #ffffff !important;
}

.hero {
  background:
    radial-gradient(circle at 78% 28%, rgba(154, 90, 18, 0.12), transparent 26rem),
    radial-gradient(circle at 8% 92%, rgba(35, 107, 122, 0.10), transparent 25rem),
    linear-gradient(180deg, #f8f6f0 0%, #ffffff 100%) !important;
}

.signup-card,
.contact-form,
.faq-item,
.price-card,
.bundle-card,
.account-flow-panel,
.plan-fit-advisor,
.entitlement-matrix,
.sub-card,
.trust-item,
.bc-card {
  background: #ffffff !important;
  border-color: var(--bc-color-border) !important;
  color: var(--bc-color-text) !important;
}

.signup-page,
.pricing-section,
.bc-section,
.faq-sections,
.faq-section,
.footer,
.bc-footer {
  background: #ffffff !important;
  color: var(--bc-color-text) !important;
}

.section-label,
.hero-badge,
.contact-method a,
.footer a,
.bc-footer a,
.signup-footer a {
  color: var(--bc-color-accent) !important;
}

.nav-links.open,
.bc-nav.open {
  background: #ffffff !important;
}

/* Breadcrumb chrome. Eight tool pages carry .bc-breadcrumb markup but only
   the studio pages load bc-studio.css (where the original rules live), so
   author-analytics, book-editor, book-formatting, content-calendar,
   marketing-studio, and outline-canvas rendered the breadcrumb as a raw
   list (live screenshots, BC audit 2026-07-29). This file is the one
   stylesheet all eight pages share. */
.bc-breadcrumb { font-size: 0.8125rem; padding: 0.5rem 1.5rem; }
.bc-breadcrumb ol { list-style: none; display: flex; gap: 0.5rem; margin: 0; padding: 0; }
.bc-breadcrumb li + li::before { content: "/"; opacity: 0.4; }

/* Header nav chrome. Seventeen BC pages ship .navbar/.navbar-links markup
   whose only style rules lived in as-main.css (an AllScience sheet none of
   them load), so the header rendered as a raw bulleted link list (live
   screenshot proof, BC audit 2026-07-29: blurb-generator.html). All 17
   load this file. Normal-flow (not fixed) so no page needs body padding. */
.navbar {
  background: var(--bc-color-surface);
  border-bottom: 1px solid var(--bc-color-border);
  padding: 0.75rem 1.5rem;
}
.navbar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}
.navbar-brand {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--bc-color-text) !important;
  text-decoration: none;
}
.navbar-links {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.navbar-links a {
  color: var(--bc-color-text-muted);
  font-size: 0.9375rem;
  font-weight: 500;
  text-decoration: none;
}
.navbar-links a:hover { color: var(--bc-color-text); }
.navbar .hamburger { display: none; background: none; border: 0; cursor: pointer; padding: 0.5rem; }
.navbar .hamburger span { display: block; width: 22px; height: 2px; margin: 4px 0; background: var(--bc-color-text); }
@media (max-width: 768px) {
  .navbar .hamburger { display: block; }
  .navbar-links { display: none; width: 100%; flex-direction: column; align-items: flex-start; gap: 0.75rem; padding-top: 0.75rem; }
  .navbar-links.open { display: flex; }
  .navbar .container { flex-wrap: wrap; }
}