/* =========================================================
   THEMES - .COM (Neon, Dark Purple, Light Soft, Amber)
   SIN DEGRADADOS - FONDOS SÓLIDOS
   ========================================================= */

/* TEMA NEON (default) */
:root {
  --accent: #3ff0c0;
  --accent-soft: rgba(63, 240, 192, 0.35);
  --accent-hover: #2ad4a8;
  --bg-main: #05070d;
  --bg-panel: #0a0e16;
  --bg-soft: #0f1822;
  --bg-chip: #141c2a;
  --bg-card: #0c1420;
  --text-main: #f5f7ff;
  --text-soft: #a9b3c9;
  --text-muted: #6f7690;
  --border-soft: rgba(255, 255, 255, 0.06);
  --border-strong: rgba(255, 255, 255, 0.12);
}

/* TEMA DARK PURPLE */
body[data-theme="dark-purple"] {
  --accent: #b300ff;
  --accent-soft: rgba(179, 0, 255, 0.35);
  --accent-hover: #9900dd;
  --bg-main: #0a0512;
  --bg-panel: #140a20;
  --bg-soft: #1a0e2a;
  --bg-chip: #221438;
  --bg-card: #100820;
  --text-main: #f0e8ff;
  --text-soft: #b8a8d4;
  --text-muted: #7a6a94;
  --border-soft: rgba(179, 0, 255, 0.15);
  --border-strong: rgba(179, 0, 255, 0.3);
}

/* TEMA LIGHT SOFT */
body[data-theme="light-soft"] {
  --accent: #0088cc;
  --accent-soft: rgba(0, 136, 204, 0.3);
  --accent-hover: #006699;
  --bg-main: #e8edf2;
  --bg-panel: #f0f4f8;
  --bg-soft: #f8fafc;
  --bg-chip: #e8edf2;
  --bg-card: #f0f4f8;
  --text-main: #1a1e2a;
  --text-soft: #4a5168;
  --text-muted: #7a819c;
  --border-soft: rgba(0, 0, 0, 0.08);
  --border-strong: rgba(0, 0, 0, 0.15);
}

/* TEMA AMBER */
body[data-theme="amber"] {
  --accent: #ffaa00;
  --accent-soft: rgba(255, 170, 0, 0.35);
  --accent-hover: #dd8800;
  --bg-main: #120d05;
  --bg-panel: #1e160a;
  --bg-soft: #2a1e0e;
  --bg-chip: #322412;
  --bg-card: #1a1208;
  --text-main: #fff5e0;
  --text-soft: #d4b888;
  --text-muted: #947a54;
  --border-soft: rgba(255, 170, 0, 0.15);
  --border-strong: rgba(255, 170, 0, 0.3);
}