/* ── THEME TOKENS ─────────────────────────────────────────────────────────── */
/* Por defecto mantenemos el look actual (oscuro). */
:root {
  color-scheme: dark;
  --bg:        #0f1117;
  --bg2:       #181c27;
  --bg3:       #1f2437;
  --bg4:       #252a3a;
  --border:    rgba(255,255,255,0.08);
  --border2:   rgba(255,255,255,0.14);
  --text:      #e8eaf0;
  --text2:     #8b91a7;
  --text3:     #555e7a;
  --accent:    #4f8ef7;
  --accent2:   #3d7be8;
  --green:     #34d399;
  --amber:     #fbbf24;
  --red:       #f87171;
  --purple:    #a78bfa;
  --radius:    10px;
  --radius-lg: 16px;
  --shadow:    0 4px 24px rgba(0,0,0,0.4);
  --font:      'DM Sans', sans-serif;
  --mono:      'DM Mono', monospace;
}

/* Tema claro (toggle) */
html[data-theme="light"] {
  color-scheme: light;
  --bg:        #ffffff;
  --bg2:       #f7f8fb;
  --bg3:       #eef1f7;
  --bg4:       #e6eaf3;
  --border:    rgba(15,17,23,0.10);
  --border2:   rgba(15,17,23,0.16);
  --text:      #111827;
  --text2:     #4b5563;
  --text3:     #6b7280;
  --accent:    #2563eb;
  --accent2:   #1d4ed8;
  --green:     #059669;
  --amber:     #b45309;
  --red:       #dc2626;
  --purple:    #7c3aed;
  --shadow:    0 10px 30px rgba(15,17,23,0.10);
}