/* ============================================
   XPLOSION — переменные (цвета, темы, шрифты)
   ============================================ */

:root {
  /* Тёмная тема (по умолчанию) */
  --bg: #0a0a0a;
  --panel: #16161a;
  --panel-2: #1c1c22;
  --panel-3: #232329;
  --border: #2a2a32;
  --border-light: #35353f;

  /* Акценты */
  --gold: #FFD700;
  --gold-2: #FFC400;
  --gold-text: #FFD700;
  --gold-glow: 0 6px 20px rgba(255, 215, 0, .3);

  /* Текст */
  --text: #f0f0f2;
  --text-2: #a8a8b3;
  --muted: #6b6b75;

  /* Статусы */
  --red: #ff4d5e;
  --green: #4ade80;
  --blue: #5b9dff;
  --purple: #a78bfa;

  /* Тени */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);
  --shadow: 0 8px 32px rgba(0, 0, 0, .5);

  /* Фон */
  --bg-image:
    radial-gradient(ellipse 800px 400px at 50% -10%, rgba(255, 215, 0, .06), transparent 70%),
    radial-gradient(ellipse 600px 600px at 100% 100%, rgba(255, 215, 0, .03), transparent 60%);

  /* Формы */
  --input-bg: rgba(0, 0, 0, .4);
  --btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);
}

/* Светлая тема */
[data-theme="light"] {
  --bg: #f0f1f4;
  --panel: #fff;
  --panel-2: #fafbfd;
  --panel-3: #eef0f5;
  --border: #dfe1e8;
  --border-light: #c8ccd6;

  --gold: #d4a000;
  --gold-2: #b88a00;
  --gold-text: #b88a00;
  --gold-glow: 0 4px 14px rgba(212, 160, 0, .25);

  --text: #1a1a20;
  --text-2: #545460;
  --muted: #8a8a95;

  --red: #e02030;
  --green: #1f9d55;
  --blue: #2e6fd4;
  --purple: #6f42c1;

  --input-bg: rgba(255, 255, 255, .9);
  --btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
}