/* Bitsa AI — light theme for the standalone landing-page template.
 *
 * 47 pages were generated from one dark template that defines its colours as
 * :root tokens (--bg, --panel, --panel2, --text, --muted, --border, …) plus a
 * few hard-coded whites for headings. This sheet is linked after each page's
 * own <style>, so the same selectors here win and every page matches the
 * homepage without editing 47 copies of the template CSS.
 *
 * Whites that sit on the brand gradient (buttons, chat bubbles, check marks,
 * labels) are deliberately left alone.
 */
:root {
  --bg: #ffffff;
  --panel: #f5f5f7;
  --panel2: #eef0f2;
  --text: #141416;
  --muted: #55555f;
  --border: rgb(0 0 0 / 10%);
  --warn: #e5484d;
}

body { background: var(--bg); color: var(--text); }

/* Headings the template painted white for a dark page. */
.section-title,
.hero-title,
.info-card h3,
.step-row h4,
.faq-q-text,
.faq-toggle,
.related h3,
th { color: var(--text); }

th { background: var(--panel); }

/* The template's own header is replaced by the site header at build time;
   this only matters if a page is viewed straight from public/. */
.site-header { background: rgb(255 255 255 / 92%); }

/* Soft glows were tuned for black; on white they need to be a touch lighter. */
.hero-glow { opacity: 0.7; }