/* themes.css — light mode overrides all dark-default tokens */

[data-theme="light"] {
  --bg-main:          #FBF8F4;
  --bg-card:          #FFFFFF;
  --bg-subtle:        #EDE6DD;
  --text-primary:     #1A1614;
  --text-secondary:   #4A4038;
  --accent-primary:   #C85A2A;
  --accent-secondary: #16A34A;
  --accent-subtle:    rgba(200, 90, 42, 0.10);
  --border:           rgba(26, 22, 20, 0.14);
  --shadow:           rgba(0, 0, 0, 0.10);
  --btn-glow:         rgba(200, 90, 42, 0.3);

  /* ── Bootstrap variable sync for light mode ─────────────────────────────────
     Keeps every Bootstrap utility (.text-muted, .text-body-emphasis, cards,
     badges, etc.) aligned with our warm light-mode palette.                   */
  --bs-body-color:           #4A4038;
  --bs-body-color-rgb:       74, 64, 56;
  --bs-emphasis-color:       #1A1614;
  --bs-emphasis-color-rgb:   26, 22, 20;
  --bs-secondary-color:      rgba(74, 64, 56, 0.75);
  --bs-secondary-color-rgb:  74, 64, 56;
  --bs-tertiary-color:       rgba(74, 64, 56, 0.5);
  --bs-body-bg:              #FBF8F4;
  --bs-body-bg-rgb:          251, 248, 244;
  --bs-secondary-bg:         #FFFFFF;
  --bs-secondary-bg-rgb:     255, 255, 255;
  --bs-tertiary-bg:          #EDE6DD;
  --bs-tertiary-bg-rgb:      237, 230, 221;
  --bs-heading-color:        #1A1614;
  --bs-link-color:           #C85A2A;
  --bs-link-color-rgb:       200, 90, 42;
  --bs-link-hover-color:     #A84520;
  --bs-border-color:         rgba(26, 22, 20, 0.14);
  --bs-card-bg:              #FFFFFF;
}

/* Light mode: subpixel rendering makes text heavier and sharper on bright displays */
[data-theme="light"] body {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
}

/* ── Light mode component overrides ────────────────────────── */

/* Muted badge: ensure border is visible on light backgrounds */
[data-theme="light"] .wa-badge--muted {
  border-color: rgba(26, 22, 20, 0.25);
}

/* Text gradient: warm dark-to-accent in light mode */
[data-theme="light"] .text-gradient {
  background: linear-gradient(135deg, #1A1614 30%, var(--accent-primary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Consultation banner in light mode */
[data-theme="light"] .consultation-banner-inner {
  background: var(--bg-card);
  box-shadow: 0 2px 12px var(--shadow);
}

/* Case study hover cards in light mode — keep border visible */
[data-theme="light"] .case-card {
  background: var(--bg-card);
}

/* Result boxes in light mode */
[data-theme="light"] .wa-result-box {
  background: var(--accent-subtle);
}

/* Stat chips in light mode — distinct from background */
[data-theme="light"] .wa-stat-chip {
  background: var(--bg-card);
  border-color: var(--border);
  color: var(--text-secondary);
}

/* Focus chips in light mode */
[data-theme="light"] .wa-focus-chip {
  background: var(--accent-subtle);
  border-color: rgba(200, 90, 42, 0.2);
}