/* frontend/css/themes.css */

/* =========================
   DARK (DEFAULT)
========================= */
:root[data-theme="dark"] {
  /* Deep Blue/Slate Backgrounds */
  --bg: #0b1120;        /* Very dark blue (Body background) */
  --bg-alt: #0f172a;    /* Slightly lighter (Input fields/backgrounds) */
  --surface: #1e293b;   /* Slate 800 (Card background) */

  /* Text */
  --text: #f1f5f9;      /* Slate 100 */
  --text-muted: #94a3b8; /* Slate 400 */

  /* Borders & Accents */
  --border: #334155;    /* Slate 700 */
  --primary: #3b82f6;   /* Blue 500 */
}

/* =========================
   LIGHT MODE
========================= */
:root[data-theme="light"] {
  --bg: #f7f7f7;
  --bg-alt: #ffffff;
  --surface: #ffffff;

  --text: #1a1a1a;
  --text-muted: #555;

  --border: rgba(0, 0, 0, 0.15);
}