/* ============================================================
   PHYLOAI LIGHT THEME
   Activated via:  html[data-theme="light"]
   Accent palette: Blue · Green · Amber
   Reference feel: Mercury · Linear · Stripe (light mode)
   ============================================================ */

html[data-theme="light"] {

  /* ---- Our custom color tokens ---- */
  --bg-base:        #f4f4f9;
  --bg-surface:     #ffffff;
  --bg-elevated:    #ebebf5;
  --bg-card:        rgba(0,0,0,0.03);
  --bg-card-hover:  rgba(0,0,0,0.055);

  --border:         rgba(0,0,0,0.10);
  --border-bright:  rgba(0,0,0,0.16);
  --border-accent:  rgba(37,99,235,0.28);

  --accent:         #2563eb;
  --accent-2:       #0284c7;
  --accent-green:   #16a34a;
  --accent-red:     #dc2626;
  --accent-yellow:  #d97706;

  --text-1: #0a0a1e;
  --text-2: #374151;
  --text-3: #6b7280;

  --shadow-glow:  0 0 60px rgba(37,99,235,0.08);
  --shadow-card:  0 2px 16px rgba(0,0,0,0.07);
  --shadow-float: 0 8px 40px rgba(0,0,0,0.10), 0 0 0 1px rgba(0,0,0,0.06);

  --font-primary:  'Inter', system-ui, sans-serif;
  --font-display:  'Space Grotesk', 'Inter', sans-serif;

  /* ---- Override styles.css legacy variables ---- */
  --color-text-primary:   #0a0a1e;
  --color-text-secondary: #374151;
  --color-text-tertiary:  #6b7280;
  --color-bg-dark:        #f4f4f9;
  --color-bg-darker:      #ebebf5;
  --color-bg-light:       #e2e2ef;
  --color-border:         rgba(0,0,0,0.10);
  --color-border-subtle:  rgba(0,0,0,0.06);
}

/* ============================================================
   BASE
   ============================================================ */
html[data-theme="light"] body {
  background: var(--bg-base);
  color: var(--text-1);
}

/* Reset any dark inline styles the JS scroll handler may have set previously */
html[data-theme="light"] #main-nav {
  border-bottom-color: rgba(0,0,0,0.09) !important;
}

/* ============================================================
   CARD CONTRAST BOOST — all card-like elements need a visible
   border + slightly distinct background from page background
   ============================================================ */
html[data-theme="light"] .pain-card,
html[data-theme="light"] .insight-card,
html[data-theme="light"] .feature-card,
html[data-theme="light"] .feature-item,
html[data-theme="light"] .feature-block,
html[data-theme="light"] .belief-card,
html[data-theme="light"] .team-card,
html[data-theme="light"] .scenario-card-new,
html[data-theme="light"] .alert-example-card,
html[data-theme="light"] .cat-teaser-card,
html[data-theme="light"] .moment-mini-alert,
html[data-theme="light"] .integration-cat-card,
html[data-theme="light"] .ic-premium-card,
html[data-theme="light"] .aps-step {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.11) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}

/* Hover state for cards */
html[data-theme="light"] .pain-card:hover,
html[data-theme="light"] .feature-card:hover,
html[data-theme="light"] .feature-item:hover,
html[data-theme="light"] .feature-block:hover,
html[data-theme="light"] .belief-card:hover,
html[data-theme="light"] .team-card:hover,
html[data-theme="light"] .scenario-card-new:hover,
html[data-theme="light"] .alert-example-card:hover,
html[data-theme="light"] .cat-teaser-card:hover,
html[data-theme="light"] .integration-cat-card:hover,
html[data-theme="light"] .ic-premium-card:hover {
  background: #f7f7fe !important;
  border-color: rgba(37,99,235,0.22) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.08), 0 0 0 1px rgba(37,99,235,0.1) !important;
}

/* Sections that alternate background — ensure contrast */
html[data-theme="light"] .pain-cards-grid .pain-card { background: #ffffff !important; }

/* Pain section itself: off-white so cards (white) contrast */
html[data-theme="light"] .pain-section { background: #f4f4f9 !important; }

/* Role panel dashboard mock */
html[data-theme="light"] .rpd-body { background: #f7f7fc; }
html[data-theme="light"] .rpd-metric {
  background: #ffffff !important;
  border: 1px solid rgba(0,0,0,0.09) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Dashboard mockup on hero */
html[data-theme="light"] .advanced-dashboard {
  box-shadow: 0 20px 80px rgba(0,0,0,0.12), 0 0 0 1px rgba(0,0,0,0.08) !important;
}

/* Audit step number */
html[data-theme="light"] .aps-step-num { color: rgba(0,0,0,0.10) !important; }

/* TOC pill tags — more visible */
html[data-theme="light"] .toc-item {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #374151 !important;
}
html[data-theme="light"] .toc-item:hover {
  background: #ebebf5 !important;
  border-color: rgba(37,99,235,0.25) !important;
  color: #2563eb !important;
}

/* Logo chip in integrations marquee */
html[data-theme="light"] .logo-chip {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #374151 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* Features section alternating blocks */
html[data-theme="light"] .feature-section-block,
html[data-theme="light"] .feature-detail-section { background: #ffffff; }
html[data-theme="light"] .feature-detail-section:nth-child(even),
html[data-theme="light"] .feature-block-alt { background: #f4f4f9; }

/* ============================================================
   NAVIGATION
   ============================================================ */
html[data-theme="light"] .nav {
  background: rgba(247,247,252,0.92);
  border-bottom-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .logo-text {
  background: linear-gradient(135deg, #0a0a1e 30%, #2563eb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .nav-links > li > a { color: #374151; }
html[data-theme="light"] .nav-links > li > a:hover {
  color: #0a0a1e;
  background: rgba(0,0,0,0.05);
}
html[data-theme="light"] .btn-nav {
  background: #2563eb !important;
  box-shadow: 0 0 20px rgba(37,99,235,0.25), 0 4px 12px rgba(0,0,0,0.12) !important;
}
html[data-theme="light"] .btn-nav:hover {
  box-shadow: 0 0 32px rgba(37,99,235,0.4), 0 8px 20px rgba(0,0,0,0.16) !important;
}
html[data-theme="light"] .theme-toggle { color: #374151; }

/* ============================================================
   HERO
   ============================================================ */
html[data-theme="light"] .hero {
  background: var(--bg-base);
}
html[data-theme="light"] .hero::before {
  background: radial-gradient(circle, rgba(37,99,235,0.08) 0%, transparent 70%);
}
html[data-theme="light"] .hero::after {
  background: radial-gradient(circle, rgba(16,163,74,0.05) 0%, transparent 70%);
}
html[data-theme="light"] .hero-title {
  background: linear-gradient(160deg, #0a0a1e 0%, #1e3a8a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .hero-subtitle { color: #374151; }
html[data-theme="light"] .hero-trust-line { color: #6b7280; }
html[data-theme="light"] .proof-bullet { color: #374151; }
html[data-theme="light"] .proof-bullet-dot { color: #16a34a; }

/* Hero dashboard */
html[data-theme="light"] .dashboard-mockup,
html[data-theme="light"] .advanced-dashboard {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  box-shadow: 0 24px 80px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.06);
}
html[data-theme="light"] .mockup-header { background: #f4f4f8; border-bottom-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .mockup-title { color: #374151; }
html[data-theme="light"] .profit-leak-banner { background: rgba(220,38,38,0.06); border-color: rgba(220,38,38,0.14); }
html[data-theme="light"] .leak-label { color: #dc2626; }
html[data-theme="light"] .leak-value { color: #0a0a1e; }
html[data-theme="light"] .insight-card { background: #f7f7fc; border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .insight-title { color: #0a0a1e; }
html[data-theme="light"] .insight-detail { color: #374151; }
html[data-theme="light"] .dashboard-footer { border-top-color: rgba(0,0,0,0.08); background: #f4f4f8; }
html[data-theme="light"] .stat-label { color: #6b7280; }
html[data-theme="light"] .stat-value { color: #0a0a1e; }

/* ============================================================
   PROOF BAR
   ============================================================ */
html[data-theme="light"] .proof-bar {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .pbi-value { color: #0a0a1e; }
html[data-theme="light"] .pbi-label { color: #6b7280; }
html[data-theme="light"] .proof-bar-divider { background: rgba(0,0,0,0.08); }

/* ============================================================
   SECTION BADGE PILLS
   ============================================================ */
html[data-theme="light"] .section-badge-pill {
  background: rgba(37,99,235,0.08);
  border-color: rgba(37,99,235,0.2);
  color: #2563eb;
}

/* ============================================================
   DATA FLOW
   ============================================================ */
html[data-theme="light"] .dataflow-section {
  background: var(--bg-base);
}
html[data-theme="light"] .dataflow-section::before {
  background: radial-gradient(ellipse, rgba(37,99,235,0.05) 0%, transparent 70%);
}
html[data-theme="light"] .df-card {
  background: rgba(255,255,255,0.95);
  border-color: rgba(37,99,235,0.14);
  box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
html[data-theme="light"] .df-card:hover { border-color: rgba(37,99,235,0.32); }
html[data-theme="light"] .df-card-out { border-color: rgba(22,163,74,0.16); }
html[data-theme="light"] .df-card-out:hover { border-color: rgba(22,163,74,0.35); }
html[data-theme="light"] .df-name { color: #0a0a1e; }
html[data-theme="light"] .df-brands { color: #6b7280; }
html[data-theme="light"] .df-core-content {
  background: radial-gradient(circle at 40% 35%, rgba(37,99,235,0.15), rgba(22,163,74,0.08) 60%, transparent);
  border-color: rgba(37,99,235,0.35);
  box-shadow: 0 0 40px rgba(37,99,235,0.2), 0 0 80px rgba(37,99,235,0.08), inset 0 1px 0 rgba(255,255,255,0.8);
}
html[data-theme="light"] .df-core-name { color: #0a0a1e; }
html[data-theme="light"] .df-core-tag { color: #2563eb; }
html[data-theme="light"] .df-ring { border-color: rgba(37,99,235,0.18); }
html[data-theme="light"] .df-ring-2 { border-color: rgba(37,99,235,0.09); }
html[data-theme="light"] .df-ring-3 { border-color: rgba(37,99,235,0.05); }
html[data-theme="light"] .df-dot-in { fill: rgba(37,99,235,0.9); filter: drop-shadow(0 0 5px rgba(37,99,235,0.7)); }
html[data-theme="light"] .df-dot-out { fill: rgba(22,163,74,0.9); filter: drop-shadow(0 0 5px rgba(22,163,74,0.7)); }

/* ============================================================
   PAIN SECTION
   ============================================================ */
html[data-theme="light"] .pain-section { background: #ffffff; }
html[data-theme="light"] .pain-large-text { color: #0a0a1e; }
html[data-theme="light"] .pain-descriptor { color: #374151; }
html[data-theme="light"] .pain-card {
  background: #f7f7fc;
  border-color: rgba(0,0,0,0.08);
  color: #374151;
}
html[data-theme="light"] .pain-card:hover { background: #f0f0f8; border-color: rgba(37,99,235,0.2); }

/* ============================================================
   HOW IT WORKS / OUTCOME STEPS
   ============================================================ */
html[data-theme="light"] .outcome-section { background: var(--bg-base); }
html[data-theme="light"] .step-product-panel,
html[data-theme="light"] .ws-panel {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  box-shadow: 0 4px 24px rgba(0,0,0,0.07);
}
html[data-theme="light"] .step-panel-header,
html[data-theme="light"] .ws-panel-header {
  background: #f4f4f8;
  border-bottom-color: rgba(0,0,0,0.08);
  color: #374151;
}
html[data-theme="light"] .mini-alert-item { border-color: rgba(0,0,0,0.07); background: #f7f7fc; }
html[data-theme="light"] .mai-title { color: #0a0a1e; }
html[data-theme="light"] .mai-sub { color: #6b7280; }
html[data-theme="light"] .ca-title { color: #0a0a1e; }
html[data-theme="light"] .ca-key { color: #374151; }
html[data-theme="light"] .ca-insight-text { color: #374151; }
html[data-theme="light"] .ca-divider { background: rgba(0,0,0,0.08); }
html[data-theme="light"] .ca-insight-label { color: #6b7280; }
html[data-theme="light"] .rec-title { color: #0a0a1e; }
html[data-theme="light"] .rec-action-box { background: #f4f4f8; border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .rec-action-label { color: #6b7280; }
html[data-theme="light"] .rec-action-text { color: #374151; }
html[data-theme="light"] .rec-impact-chip { background: #f0f0f8; border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .ric-value { color: #16a34a; }
html[data-theme="light"] .ric-label { color: #6b7280; }
html[data-theme="light"] .action-board-item { border-color: rgba(0,0,0,0.07); background: #f7f7fc; }
html[data-theme="light"] .abi-text { color: #374151; }
html[data-theme="light"] .abi-meta { color: #6b7280; }

/* ============================================================
   PHYLOAI MOMENT / ALERT REVEAL
   ============================================================ */
html[data-theme="light"] .alerts-section { background: #ffffff; }
html[data-theme="light"] .alert-reveal-card,
html[data-theme="light"] .moment-card {
  background: #ffffff;
  border-color: rgba(220,38,38,0.18);
  box-shadow: 0 0 40px rgba(220,38,38,0.05), 0 24px 60px rgba(0,0,0,0.08);
}
html[data-theme="light"] .arc-header,
html[data-theme="light"] .moment-card-topbar {
  background: rgba(220,38,38,0.04);
  border-bottom-color: rgba(220,38,38,0.1);
}
html[data-theme="light"] .arc-main-title,
html[data-theme="light"] .moment-issue-title { color: #0a0a1e; }
html[data-theme="light"] .arc-meta,
html[data-theme="light"] .moment-issue-meta { color: #6b7280; }
html[data-theme="light"] .arc-detail-label,
html[data-theme="light"] .moment-field-label { color: #6b7280; }
html[data-theme="light"] .arc-detail-text,
html[data-theme="light"] .moment-field-text { color: #374151; }
html[data-theme="light"] .arc-impact-box,
html[data-theme="light"] .moment-impact-box { background: rgba(22,163,74,0.06); border-color: rgba(22,163,74,0.18); }
html[data-theme="light"] .arc-impact-label,
html[data-theme="light"] .moment-impact-label { color: #16a34a; }
html[data-theme="light"] .arc-impact-value,
html[data-theme="light"] .moment-impact-value { color: #16a34a; }
html[data-theme="light"] .arc-impact-sub,
html[data-theme="light"] .moment-impact-sub { color: #6b7280; }
html[data-theme="light"] .arc-assign-box,
html[data-theme="light"] .moment-assign-box { background: rgba(37,99,235,0.05); border-color: rgba(37,99,235,0.13); }
html[data-theme="light"] .arc-assign-name,
html[data-theme="light"] .moment-assign-name { color: #0a0a1e; }
html[data-theme="light"] .arc-assign-role,
html[data-theme="light"] .moment-assign-role { color: #6b7280; }
html[data-theme="light"] .arc-status-box,
html[data-theme="light"] .moment-status-row { background: #f4f4f8; border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .arc-status-text,
html[data-theme="light"] .moment-status-text { color: #374151; }
html[data-theme="light"] .arc-footer,
html[data-theme="light"] .moment-card-footer { background: #f7f7fc; border-top-color: rgba(0,0,0,0.08); }

/* Alert cards grid */
html[data-theme="light"] .alert-example-card { background: #ffffff; border-color: rgba(0,0,0,0.09); }
html[data-theme="light"] .alert-example-card:hover { background: #f7f7fc; }
html[data-theme="light"] .alert-example-card h3 { color: #0a0a1e; }
html[data-theme="light"] .alert-detail-label { color: #6b7280; }
html[data-theme="light"] .alert-detail-text { color: #374151; }

/* ============================================================
   PRODUCT TOUR
   ============================================================ */
html[data-theme="light"] .product-tour-section { background: #ffffff; }
html[data-theme="light"] .product-tour-tabs { border-bottom-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .pt-tab { color: #6b7280; }
html[data-theme="light"] .pt-tab:hover { color: #374151; }
html[data-theme="light"] .pt-tab.active { color: #0a0a1e; border-bottom-color: #2563eb; }
html[data-theme="light"] .pt-panel-text h3 { color: #0a0a1e; }
html[data-theme="light"] .pt-panel-text p { color: #374151; }
html[data-theme="light"] .pt-outcome-label { color: #16a34a; }
html[data-theme="light"] .pt-outcome-box { background: rgba(22,163,74,0.05); border-color: rgba(22,163,74,0.16); }
html[data-theme="light"] .pt-outcome-box .label { color: #6b7280; }
html[data-theme="light"] .pt-outcome-box .outcome-text { color: #16a34a; }
html[data-theme="light"] .pt-panel-visual { background: #ffffff; border-color: rgba(0,0,0,0.1); box-shadow: 0 4px 24px rgba(0,0,0,0.07); }
html[data-theme="light"] .pt-visual-header { background: #f4f4f8; border-bottom-color: rgba(0,0,0,0.08); color: #6b7280; }
html[data-theme="light"] .pt-alert-row { background: #f7f7fc; border-color: rgba(0,0,0,0.07); }
html[data-theme="light"] .pt-alert-row:hover { border-color: rgba(37,99,235,0.2); }
html[data-theme="light"] .pt-ar-title { color: #0a0a1e; }
html[data-theme="light"] .pt-ar-sub { color: #6b7280; }
html[data-theme="light"] .pt-rca-dot-outer { border-color: rgba(37,99,235,0.3); }
html[data-theme="light"] .pt-rca-dot-inner { background: #2563eb; }
html[data-theme="light"] .pt-rca-title { color: #0a0a1e; }
html[data-theme="light"] .pt-rca-desc { color: #374151; }
html[data-theme="light"] .pt-dash-kpi { background: #f4f4f8; border-color: rgba(0,0,0,0.07); }
html[data-theme="light"] .pt-dash-kpi .kpi-label { color: #6b7280; }
html[data-theme="light"] .pt-dash-kpi .kpi-value { color: #0a0a1e; }
html[data-theme="light"] .pt-action-item { background: #f7f7fc; border-color: rgba(0,0,0,0.07); }
html[data-theme="light"] .pt-ai-text { color: #374151; }
html[data-theme="light"] .pt-ai-text strong { color: #0a0a1e; }
html[data-theme="light"] .pt-ai-meta { color: #6b7280; }
html[data-theme="light"] .pt-chat-a { background: #f4f4f8; border-color: rgba(0,0,0,0.08); color: #374151; }
html[data-theme="light"] .pt-chat-a strong { color: #0a0a1e; }
html[data-theme="light"] .pt-chat-q { background: #2563eb; }
html[data-theme="light"] .pt-leak-bar-bg { background: rgba(0,0,0,0.06); }

/* ============================================================
   TRUST METRICS
   ============================================================ */
html[data-theme="light"] .trust-section {
  background: #f4f4f8;
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .trust-section::before {
  background: radial-gradient(ellipse, rgba(37,99,235,0.06) 0%, transparent 70%);
}
html[data-theme="light"] .trust-metrics { background: rgba(0,0,0,0.08); border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .trust-metric { background: #ffffff; }
html[data-theme="light"] .trust-metric:hover { background: #f7f7fc; }
html[data-theme="light"] .trust-metric-number {
  background: linear-gradient(135deg, #0a0a1e 0%, #2563eb 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .trust-metric-label { color: #374151; }
html[data-theme="light"] .trust-metric-sub { color: #6b7280; }

/* ============================================================
   ROLE-BASED INTELLIGENCE
   ============================================================ */
html[data-theme="light"] .roles-section { background: var(--bg-base); }
html[data-theme="light"] .role-tab { color: #374151; border-color: rgba(0,0,0,0.1); background: #f4f4f8; }
html[data-theme="light"] .role-tab:hover { background: #e8e8f4; border-color: rgba(37,99,235,0.2); }
html[data-theme="light"] .role-tab.active { background: #2563eb; color: #ffffff; border-color: transparent; }
html[data-theme="light"] .role-panel { background: transparent; }
html[data-theme="light"] .role-panel h3 { color: #0a0a1e; }
html[data-theme="light"] .role-panel p { color: #374151; }
html[data-theme="light"] .role-feature-check { color: #16a34a; }
html[data-theme="light"] .role-feature-item { color: #374151; }
html[data-theme="light"] .role-panel-dashboard {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  box-shadow: 0 4px 24px rgba(0,0,0,0.07);
}
html[data-theme="light"] .rpd-header { background: #f4f4f8; border-bottom-color: rgba(0,0,0,0.08); color: #374151; }
html[data-theme="light"] .rpd-metric { background: #f7f7fc; border-color: rgba(0,0,0,0.07); }
html[data-theme="light"] .rpd-metric .label { color: #6b7280; }
html[data-theme="light"] .rpd-metric .value { color: #0a0a1e; }
html[data-theme="light"] .rpd-alert { color: #374151; border-bottom-color: rgba(0,0,0,0.06); }

/* ============================================================
   INTEGRATIONS
   ============================================================ */
html[data-theme="light"] .works-with-section { background: #ffffff; }
html[data-theme="light"] .logo-chip {
  background: #f4f4f8;
  border-color: rgba(0,0,0,0.08);
  color: #374151;
}
html[data-theme="light"] .logo-chip:hover { background: #e8e8f4; border-color: rgba(37,99,235,0.2); }
html[data-theme="light"] .integration-cat-card {
  background: #f7f7fc;
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .integration-cat-card:hover { background: #f0f0f8; border-color: rgba(37,99,235,0.2); }
html[data-theme="light"] .integration-cat-card h3 { color: #0a0a1e; }
html[data-theme="light"] .integration-cat-card p { color: #6b7280; }
html[data-theme="light"] .works-with-strong-line { color: #374151; }

/* ============================================================
   CONVERSATIONAL ANALYTICS
   ============================================================ */
html[data-theme="light"] .ai-assistant { background: var(--bg-base); }
html[data-theme="light"] .ai-text-col h2 { color: #0a0a1e; }
html[data-theme="light"] .ai-text-col p { color: #374151; }
html[data-theme="light"] .conv-q-chip {
  background: rgba(37,99,235,0.07);
  border-color: rgba(37,99,235,0.18);
  color: #2563eb;
}
html[data-theme="light"] .glass-card,
html[data-theme="light"] .chat-interface {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  box-shadow: 0 4px 32px rgba(0,0,0,0.08);
}
html[data-theme="light"] .chat-header { background: #f4f4f8; border-bottom-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .chat-status { color: #0a0a1e; }
html[data-theme="light"] .message-content { color: #374151; }
html[data-theme="light"] .user-message .message-content { background: #2563eb; color: #ffffff; }
html[data-theme="light"] .ai-message .message-content { background: #f4f4f8; color: #374151; }
html[data-theme="light"] .insight-label { color: #6b7280; }
html[data-theme="light"] .platform-name { color: #0a0a1e; }
html[data-theme="light"] .platform-metric { color: #374151; }
html[data-theme="light"] .chat-suggestions { border-top-color: rgba(0,0,0,0.08); background: #f7f7fc; }
html[data-theme="light"] .suggestion-label { color: #6b7280; }
html[data-theme="light"] .suggestion-chip {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  color: #374151;
}
html[data-theme="light"] .suggestion-chip:hover { background: #f0f0f8; border-color: rgba(37,99,235,0.2); }
html[data-theme="light"] .chat-input-container { border-top-color: rgba(0,0,0,0.08); background: #ffffff; }
html[data-theme="light"] .chat-input { background: #f4f4f8; border-color: rgba(0,0,0,0.1); color: #0a0a1e; }
html[data-theme="light"] .chat-send { background: #2563eb; }

/* ============================================================
   SCENARIO TESTING
   ============================================================ */
html[data-theme="light"] .what-if-new-section { background: #f4f4f8; }
html[data-theme="light"] .what-if-bg { display: none; }
html[data-theme="light"] .scenario-card-new {
  background: #ffffff;
  border-color: rgba(0,0,0,0.08);
}
html[data-theme="light"] .scenario-card-new:hover { border-color: rgba(37,99,235,0.25); box-shadow: 0 8px 32px rgba(0,0,0,0.08); }
html[data-theme="light"] .scenario-card-new h3 { color: #0a0a1e; }
html[data-theme="light"] .scenario-card-new p { color: #374151; }
html[data-theme="light"] .scenario-badge { background: rgba(37,99,235,0.08); color: #2563eb; }
html[data-theme="light"] .scenario-result { background: rgba(22,163,74,0.06); border-color: rgba(22,163,74,0.15); color: #16a34a; }

/* ============================================================
   RESTAURANT STORIES
   ============================================================ */
html[data-theme="light"] .restaurant-stories-section { background: #ffffff; }
html[data-theme="light"] .rst-tab { background: #f4f4f8; border-color: rgba(0,0,0,0.09); color: #374151; }
html[data-theme="light"] .rst-tab.active { background: #2563eb; color: #ffffff; border-color: transparent; box-shadow: 0 4px 14px rgba(37,99,235,0.3); }
html[data-theme="light"] .rst-tab:hover:not(.active) { color: #0a0a1e; background: #e8e8f4; }
html[data-theme="light"] .rst-panel-left h3 { color: #0a0a1e; }
html[data-theme="light"] .rst-panel-left .rst-tagline { color: #374151; }
html[data-theme="light"] .rst-pains-label { color: #dc2626; }
html[data-theme="light"] .rst-pain-item { color: #374151; }
html[data-theme="light"] .rst-pain-item::before { color: #dc2626; }
html[data-theme="light"] .rst-alert-card { background: #ffffff; border-color: rgba(0,0,0,0.1); box-shadow: 0 4px 24px rgba(0,0,0,0.07); }
html[data-theme="light"] .rst-alert-top { background: rgba(220,38,38,0.04); border-bottom-color: rgba(220,38,38,0.1); }
html[data-theme="light"] .rst-alert-title { color: #0a0a1e; }
html[data-theme="light"] .rst-alert-field-label { color: #6b7280; }
html[data-theme="light"] .rst-alert-field-text { color: #374151; }
html[data-theme="light"] .rst-alert-impact { background: rgba(22,163,74,0.06); border-color: rgba(22,163,74,0.14); color: #16a34a; }
html[data-theme="light"] .rst-cta-link { color: #2563eb; }

/* ============================================================
   FAQ
   ============================================================ */
html[data-theme="light"] #faq { background: #f4f4f8 !important; }
html[data-theme="light"] .faq-item-acc { border-bottom-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .faq-q-acc { color: #0a0a1e; }
html[data-theme="light"] .faq-q-acc:hover { color: #2563eb; }
html[data-theme="light"] .faq-a-acc { color: #374151; }
html[data-theme="light"] .faq-chevron { color: #6b7280; }

/* ============================================================
   AUDIT PROCESS / CTA SECTION
   ============================================================ */
html[data-theme="light"] .audit-process-section { background: var(--bg-base); }
html[data-theme="light"] .audit-process-section::before {
  background: radial-gradient(ellipse, rgba(37,99,235,0.07) 0%, transparent 70%);
}
html[data-theme="light"] .audit-process-steps { background: rgba(0,0,0,0.07); border-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .aps-step { background: #ffffff; }
html[data-theme="light"] .aps-step:hover { background: #f7f7fc; }
html[data-theme="light"] .aps-step-num { color: rgba(0,0,0,0.12); }
html[data-theme="light"] .aps-step-title { color: #0a0a1e; }
html[data-theme="light"] .aps-step-desc { color: #374151; }
html[data-theme="light"] .aps-detail-item { color: #374151; }
html[data-theme="light"] .aps-detail-item::before { color: #6b7280; }
html[data-theme="light"] .audit-process-cta p { color: #374151; }

/* CTA section (dark override) */
html[data-theme="light"] .cta-section { background: var(--bg-base) !important; }
html[data-theme="light"] .cta-content h2 { color: #0a0a1e; }
html[data-theme="light"] .cta-content p { color: #374151; }
html[data-theme="light"] .cta-trust-line { color: #6b7280; }

/* ============================================================
   PAGE HERO (Inner pages)
   ============================================================ */
html[data-theme="light"] .page-hero { background: var(--bg-base); }
html[data-theme="light"] .page-hero::before {
  background: radial-gradient(ellipse, rgba(37,99,235,0.07) 0%, transparent 70%);
}
html[data-theme="light"] .page-hero h1 {
  background: linear-gradient(160deg, #0a0a1e 0%, #1e40af 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .page-hero p { color: #374151; }

/* ============================================================
   BUTTONS — global
   ============================================================ */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn.btn-primary {
  background: #2563eb;
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(37,99,235,0.3);
}
html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn.btn-primary:hover {
  background: #1d4ed8;
  box-shadow: 0 8px 28px rgba(37,99,235,0.4);
}
html[data-theme="light"] .btn-hero-primary {
  background: #2563eb;
  color: #ffffff;
  box-shadow: 0 4px 20px rgba(37,99,235,0.35);
}
html[data-theme="light"] .btn-hero-secondary,
html[data-theme="light"] .btn-secondary,
html[data-theme="light"] .btn.btn-secondary {
  background: rgba(0,0,0,0.04);
  border-color: rgba(0,0,0,0.14);
  color: #0a0a1e;
}
html[data-theme="light"] .btn-hero-secondary:hover,
html[data-theme="light"] .btn-secondary:hover,
html[data-theme="light"] .btn.btn-secondary:hover {
  background: rgba(0,0,0,0.07);
  border-color: rgba(37,99,235,0.25);
  color: #0a0a1e;
}
html[data-theme="light"] .arc-btn-primary,
html[data-theme="light"] .moment-btn-primary { background: #dc2626; }
html[data-theme="light"] .arc-btn-secondary,
html[data-theme="light"] .moment-btn-secondary {
  background: rgba(0,0,0,0.05);
  color: #374151;
  border-color: rgba(0,0,0,0.12);
}

/* ============================================================
   SECTION HEADLINES (p-headline, p-subheadline)
   ============================================================ */
html[data-theme="light"] .p-headline { color: #0a0a1e; }
html[data-theme="light"] .p-subheadline { color: #374151; }
html[data-theme="light"] .step-counter { color: #6b7280; }
html[data-theme="light"] .step-text-block h3 { color: #0a0a1e; }
html[data-theme="light"] .step-text-block p { color: #374151; }
html[data-theme="light"] .ws-text h3 { color: #0a0a1e; }
html[data-theme="light"] .ws-text p { color: #374151; }
html[data-theme="light"] .ws-step-label { color: #2563eb; }

/* ============================================================
   FOOTER
   ============================================================ */
html[data-theme="light"] .footer { background: #ffffff; border-top-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .footer h4 { color: #6b7280; }
html[data-theme="light"] .footer ul li a { color: #374151; }
html[data-theme="light"] .footer ul li a:hover { color: #0a0a1e; }
html[data-theme="light"] .footer-brand p { color: #6b7280; }
html[data-theme="light"] .footer-bottom { border-top-color: rgba(0,0,0,0.08); }
html[data-theme="light"] .footer-bottom p { color: #6b7280; }

/* ============================================================
   STICKY MOBILE CTA
   ============================================================ */
html[data-theme="light"] .sticky-mobile-cta {
  background: rgba(247,247,252,0.95);
  border-top-color: rgba(0,0,0,0.1);
}
html[data-theme="light"] .smc-primary { background: #2563eb; }
html[data-theme="light"] .smc-secondary { background: rgba(0,0,0,0.05); color: #0a0a1e; border-color: rgba(0,0,0,0.12); }

/* ============================================================
   THEME TOGGLE BUTTON
   ============================================================ */
html[data-theme="light"] .theme-toggle { color: #374151; }

/* ============================================================
   SOURCE TAGS / BADGES
   ============================================================ */
html[data-theme="light"] .source-tag { background: rgba(0,0,0,0.06); color: #374151; }
html[data-theme="light"] .source-tag.pos { background: rgba(37,99,235,0.08); color: #2563eb; }
html[data-theme="light"] .source-tag.inventory { background: rgba(22,163,74,0.08); color: #16a34a; }

/* ============================================================
   MISC INLINE STYLES OVERRIDE
   ============================================================ */
html[data-theme="light"] [style*="background:var(--bg-surface)"] { background: #ffffff !important; }
html[data-theme="light"] [style*="background:var(--bg-base)"] { background: #f7f7fc !important; }
html[data-theme="light"] [style*="color:var(--text-3)"] { color: #6b7280 !important; }
html[data-theme="light"] [style*="color:var(--text-2)"] { color: #374151 !important; }
html[data-theme="light"] [style*="color:var(--text-1)"] { color: #0a0a1e !important; }
html[data-theme="light"] [style*="color:var(--accent)"] { color: #2563eb !important; }
html[data-theme="light"] [style*="color:var(--accent-green)"] { color: #16a34a !important; }
html[data-theme="light"] [style*="color:var(--accent-red)"] { color: #dc2626 !important; }
html[data-theme="light"] [style*="color:var(--accent-yellow)"] { color: #d97706 !important; }
html[data-theme="light"] [style*="border.*var(--border)"] { border-color: rgba(0,0,0,0.08) !important; }
html[data-theme="light"] [style*="background:rgba(255,255,255,0.025)"],
html[data-theme="light"] [style*="background:rgba(255,255,255,0.04)"] { background: #f4f4f8 !important; }
html[data-theme="light"] [style*="background:rgba(34,211,160,0.06)"] { background: rgba(22,163,74,0.06) !important; }
html[data-theme="light"] [style*="border.*rgba(34,211,160"] { border-color: rgba(22,163,74,0.16) !important; }
html[data-theme="light"] [style*="background:rgba(240,82,82,0.05)"] { background: rgba(220,38,38,0.04) !important; }
html[data-theme="light"] [style*="background:rgba(240,180,41,0.05)"] { background: rgba(217,119,6,0.05) !important; }
html[data-theme="light"] [style*="font-weight:700;color:var(--accent-green)"] { color: #16a34a !important; }
html[data-theme="light"] [style*="font-weight:700;color:var(--accent-red)"] { color: #dc2626 !important; }
html[data-theme="light"] [style*="font-weight:700;color:var(--accent-yellow)"] { color: #d97706 !important; }
html[data-theme="light"] [style*="font-weight:700;color:var(--accent-2)"] { color: #0284c7 !important; }

/* ============================================================
   SECTION BACKGROUND ALTERNATION FOR LIGHT MODE
   ============================================================ */
html[data-theme="light"] .pain-section,
html[data-theme="light"] .alerts-section,
html[data-theme="light"] .product-tour-section,
html[data-theme="light"] .works-with-section,
html[data-theme="light"] .restaurant-stories-section,
html[data-theme="light"] .ai-assistant .p-section {
  background: #ffffff;
}
html[data-theme="light"] .dataflow-section,
html[data-theme="light"] .outcome-section,
html[data-theme="light"] .roles-section,
html[data-theme="light"] .what-if-new-section,
html[data-theme="light"] .audit-process-section,
html[data-theme="light"] #faq {
  background: #f4f4f8 !important;
}