/* ============================================================
   DIGIX AI v4 — theme.css
   Light theme overrides. Same variable NAMES as the dark defaults
   in styles.css, just different values — nothing else in the app
   needs to know or care which theme is active.

   Colors were chosen for contrast, not just brand-matching: the
   neon green/blue that work on near-black fail contrast checks on
   white, so light mode uses darker, more saturated versions of the
   same hues rather than reusing the dark-mode hex values directly.
   ============================================================ */

html[data-theme="light"] {
  --bg: #F4FAF7;
  --panel: #FFFFFF;
  --panel2: #EAF4EF;
  --border: #C7DDD3;
  --border-soft: #DCEAE3;

  --green: #0F8A4B;
  --green-dim: #0C6B3A;
  --blue: #0B7285;
  --blue-dim: #095A69;

  --text: #0C1512;
  --text-dim: #3E5750;
  --text-faint: #6D847C;
}

/* a few component-level adjustments that don't translate cleanly
   from a straight variable swap (things designed assuming a dark
   background, e.g. glass blur effects and rgba() overlays that
   referenced dark-mode hex values directly rather than a variable) */

html[data-theme="light"] .glass-panel,
html[data-theme="light"] .card,
html[data-theme="light"] .stat-card {
  background: rgba(255, 255, 255, .7);
}

html[data-theme="light"] .blob.b1 {
  background: radial-gradient(circle, rgba(11, 114, 133, .10), transparent 70%);
}
html[data-theme="light"] .blob.b2 {
  background: radial-gradient(circle, rgba(15, 138, 75, .08), transparent 70%);
}

html[data-theme="light"] .home-banner.banner-error {
  background: rgba(200, 40, 40, .07);
  border-color: rgba(200, 40, 40, .3);
  color: #A32424;
}
html[data-theme="light"] .home-banner.banner-warn {
  background: rgba(180, 130, 10, .08);
  border-color: rgba(180, 130, 10, .3);
  color: #8A6508;
}