/* ============================================================
   app.css — Capa compartida de TradingJournal Pro
   ------------------------------------------------------------
   FASE 1: tokens de diseño (fuente única de verdad).

   Generado a partir del :root canónico de trades.html, que es el
   superset de 24 tokens. El resto de páginas eran subconjuntos
   suyos (les faltaban tokens, pero ningún valor entraba en
   conflicto), así que enlazar este archivo y borrar el :root
   local de cada página no cambia nada visualmente: como mucho
   completa tokens que faltaban.

   Uso en cada página (en el <head>, ANTES del <style> local):
       <link rel="stylesheet" href="/app.css">
   ...y eliminar el bloque :root { ... } local de esa página.

   FASE 2 (pendiente): mover aquí los componentes compartidos
   (sidebar, nav, toast, scrollbar, botones, cards, badges,
   form-group, modal).
   ============================================================ */

:root {
  --bg: #080c10;
  --bg2: #0d1318;
  --bg3: #111820;
  --border: #1e2d3d;
  --border2: #243547;
  --accent: #00d4ff;
  --accent2: #0099cc;
  --accent-dim: rgba(0,212,255,0.08);
  --accent-dim2: rgba(0,212,255,0.15);
  --green: #00e676;
  --green-dim: rgba(0,230,118,0.1);
  --red: #ff4444;
  --red-dim: rgba(255,68,68,0.1);
  --yellow: #ffd740;
  --yellow-dim: rgba(255,215,64,0.1);
  --orange: #ff9100;
  --orange-dim: rgba(255,145,0,0.1);
  --purple: #b388ff;
  --purple-dim: rgba(179,136,255,0.1);
  --text: #e2eaf2;
  --text2: #8fa3b8;
  --text3: #4a6278;
  --radius: 8px;
  --radius2: 12px;
}

/* ── Tema claro (se activa con <html data-theme="light">) ──
   Los acentos neón se oscurecen para tener contraste sobre fondo claro;
   si algún color no convence, se ajusta solo aquí. */
[data-theme="light"] {
  --bg: #f9fafc;
  --bg2: #ffffff;
  --bg3: #eef3f8;
  --border: #d4dee8;
  --border2: #c2d0dd;
  --accent: #48c038;
  --accent2: #36a81f;
  --accent-dim: rgba(72,192,56,0.10);
  --accent-dim2: rgba(72,192,56,0.18);
  --green: #00a152;
  --green-dim: rgba(0,161,82,0.10);
  --red: #d32f2f;
  --red-dim: rgba(211,47,47,0.10);
  --yellow: #b88a00;
  --yellow-dim: rgba(184,138,0,0.12);
  --orange: #e06c00;
  --orange-dim: rgba(224,108,0,0.10);
  --purple: #7e57c2;
  --purple-dim: rgba(126,87,194,0.10);
  --text: #1a2730;
  --text2: #51677a;
  --text3: #8295a6;
}
