/* =========================
   THEME OVERRIDES
   Dark is default (in base.css)
   ========================= */

:root[data-theme="light"]{
  /* Backgrounds */
  --bg-main:#ffffff;
  --bg-alt:#f3f5f9;
  --surface:#ffffff;
  --surface-2:#f6f7fb;

  /* Text */
  --text:#0b0f18;
  --muted:#4b5563;
  --muted-2:#6b7280;

  /* Lines & shadows */
  --line:rgba(0,0,0,.10);
  --shadow:0 18px 40px rgba(0,0,0,.10);

  /* Accents stay branded */
  --accent-teal:#00bfa5;
  --accent-orange:#ff6732;
  --accent-gold:#e6b800;

  /* Status */
  --good:#16a34a;
  --warn:#ca8a04;
  --bad:#dc2626;
}


/* Light-mode background correction */
:root[data-theme="light"] {
  --page-bg: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
}



/* Light-mode header clarity */
:root[data-theme="light"] .header{
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(12px);
}

/* Light-mode cards */
:root[data-theme="light"] .card,
:root[data-theme="light"] .tile{
  background: #ffffff;
}

/* Light-mode section alt */
:root[data-theme="light"] .section--alt{
  background: #f6f7fb;
}
@media (max-width: 640px) {
  :root[data-theme="light"] {
    --page-bg: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);
  }
}