/* ================================
   DARK THEME (DEFAULT)
================================ */

:root[data-theme="dark"] {
  --bg-main: #02040a;
  --bg-layer: #060b16;
  --bg-card: #0b1f33;

  --text-primary: #ffffff;
  --text-secondary: #b7c0dd;
  --text-muted: #7c8dbf;

  --border-subtle: rgba(255,255,255,0.08);
  --brand-text: #fff;
}


/* ================================
   LIGHT THEME
================================ */

:root[data-theme="light"] {
  --bg-main: #ffffff;
  --bg-layer: #f8fafc;
  --bg-card: #ffffff;

  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #64748b;

  --border-subtle: #e5e7eb;
  --brand-text: #02040a;
}