/* Curated SmartMoney themes. Each overrides the design tokens in app.css :root.
   "aurora" is the default (defined in :root); the rest override by data-theme.
   Chart series read --teal / --amber / --violet-2 / --pink, so those stay
   distinguishable in every theme (even the near-mono "graphite"). */

/* ---- Light ---- */
:root[data-theme="light"]{
  --bg:#f4f6fb; --bg-2:#ffffff;
  --panel:rgba(255,255,255,.78); --panel-solid:#ffffff;
  --border:rgba(15,23,42,.10); --border-strong:rgba(15,23,42,.20);
  --text:#0f172a; --muted:#475569; --dim:#8b96a9;
  --violet:#6d5cff; --violet-2:#7c5cff; --teal:#0d9488; --amber:#c2660c; --pink:#db2777;
  --elev:rgba(15,23,42,.045); --elev-2:rgba(15,23,42,.03);
  --field-bg:rgba(15,23,42,.04);
  --topbar-bg:rgba(255,255,255,.72);
  --grid-line:rgba(15,23,42,.05);
  --aurora-1:rgba(124,92,255,.10); --aurora-2:rgba(13,148,136,.08); --aurora-3:rgba(219,39,119,.05);
  --aurora-base:linear-gradient(180deg,#f4f6fb 0%,#eaeef7 100%);
  --chart-grid:rgba(15,23,42,.09); --chart-band:rgba(124,92,255,.13);
}

/* ---- Midnight (cool slate blue) ---- */
:root[data-theme="midnight"]{
  --bg:#0a0e17; --bg-2:#0e131f;
  --panel:rgba(20,27,42,.66); --panel-solid:#141b2a;
  --violet:#5b8cff; --violet-2:#7aa2ff; --teal:#38bdf8; --amber:#fbbf24; --pink:#f472b6;
  --topbar-bg:rgba(10,14,23,.6);
  --aurora-1:rgba(91,140,255,.22); --aurora-2:rgba(56,189,248,.14); --aurora-3:rgba(244,114,182,.08);
  --aurora-base:linear-gradient(180deg,#0a0e17 0%,#0c1120 100%);
  --chart-band:rgba(91,140,255,.15);
}

/* ---- Emerald ---- */
:root[data-theme="emerald"]{
  --bg:#06110d; --bg-2:#08150f;
  --panel:rgba(15,32,25,.62); --panel-solid:#0f2019;
  --violet:#10b981; --violet-2:#34d399; --teal:#2dd4bf; --amber:#fbbf24; --pink:#fb7185;
  --topbar-bg:rgba(6,17,13,.6);
  --aurora-1:rgba(16,185,129,.22); --aurora-2:rgba(45,212,191,.14); --aurora-3:rgba(251,191,36,.08);
  --aurora-base:linear-gradient(180deg,#06110d 0%,#08150f 100%);
  --chart-band:rgba(16,185,129,.15);
}

/* ---- Royal (indigo / violet) ---- */
:root[data-theme="royal"]{
  --bg:#0b0a1a; --bg-2:#0f0d22;
  --panel:rgba(26,22,52,.64); --panel-solid:#151230;
  --violet:#8b5cf6; --violet-2:#a78bfa; --teal:#22d3ee; --amber:#f59e0b; --pink:#e879f9;
  --topbar-bg:rgba(11,10,26,.6);
  --aurora-1:rgba(139,92,246,.26); --aurora-2:rgba(34,211,238,.14); --aurora-3:rgba(232,121,249,.10);
  --aurora-base:linear-gradient(180deg,#0b0a1a 0%,#0f0d22 100%);
  --chart-band:rgba(139,92,246,.16);
}

/* ---- Rose (warm) ---- */
:root[data-theme="rose"]{
  --bg:#140a0e; --bg-2:#1a0d12;
  --panel:rgba(40,22,29,.6); --panel-solid:#22131a;
  --violet:#fb7185; --violet-2:#fda4af; --teal:#f59e0b; --amber:#fcd34d; --pink:#f472b6;
  --topbar-bg:rgba(20,10,14,.6);
  --aurora-1:rgba(251,113,133,.22); --aurora-2:rgba(245,158,11,.14); --aurora-3:rgba(244,114,182,.10);
  --aurora-base:linear-gradient(180deg,#140a0e 0%,#1a0d12 100%);
  --chart-band:rgba(251,113,133,.15);
}

/* ---- Graphite (grayscale chrome, colored data) ---- */
:root[data-theme="graphite"]{
  --bg:#0b0b0d; --bg-2:#101013;
  --panel:rgba(26,26,30,.66); --panel-solid:#17171b;
  --border:rgba(255,255,255,.10); --border-strong:rgba(255,255,255,.20);
  --violet:#c7cdda; --violet-2:#dfe3ec;   /* UI accent = light gray */
  --teal:#39d3c0; --amber:#f0b840; --pink:#f07fc0;  /* data stays colorful */
  --topbar-bg:rgba(11,11,13,.62);
  --aurora-1:rgba(255,255,255,.05); --aurora-2:rgba(255,255,255,.035); --aurora-3:rgba(255,255,255,.025);
  --aurora-base:linear-gradient(180deg,#0b0b0d 0%,#101013 100%);
  --chart-band:rgba(223,227,236,.12);
}