/* Палитра BLOXPVP поверх main.css.
   Подключать ПОСЛЕ main.css — переопределяет только токены,
   структура и вёрстка старых страниц остаются прежними. */

:root {
  /* Фоны */
  --color-bg:           #0d0b1b;
  --color-bg-card:      #19172c;
  --color-bg-elevated:  #1e1a39;
  --color-bg-input:     #19182d;

  /* Акценты: фиолетовый вместо голубого */
  --color-brand:        #863aff;
  --color-brand-dim:    rgba(134, 58, 255, 0.14);
  --color-brand-glow:   rgba(134, 58, 255, 0.4);

  --color-accent:       #a442ff;
  --color-accent-dim:   rgba(164, 66, 255, 0.16);

  --color-success:      #59ff56;
  --color-warning:      #ffb648;
  --color-error:        #ff5a5a;
  --color-error-dim:    rgba(255, 90, 90, 0.14);

  /* Текст */
  --color-text-primary:   #ffffff;
  --color-text-secondary: #a095de;
  --color-text-muted:     #4a4574;

  --color-border:       #322e58;
  --color-border-focus: rgba(134, 58, 255, 0.55);

  /* Типографика */
  --font-sans: 'Poppins', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Скругления — у BLOXPVP они крупнее */
  --radius-sm:   8px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;

  --shadow-glow: 0 0 30px rgba(134, 58, 255, 0.35);
}

body { background-color: var(--color-bg); }

/* Кнопки — градиент как в их интерфейсе */
.btn_primary {
  background: linear-gradient(180deg, #a448ff 0%, #873aff 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 0 24px rgba(134, 58, 255, 0.2);
}
.btn_primary:hover { opacity: 0.92; transform: scale(0.995); }

.btn_success {
  background: linear-gradient(180deg, #6bff68 0%, #2fdd2c 100%) !important;
  color: #08210a !important;
  border-color: transparent !important;
}

.btn_secondary, .btn_outline {
  background: #1e1a39 !important;
  border: 1px solid #322e58 !important;
  color: var(--color-text-secondary) !important;
}
.btn_secondary:hover, .btn_outline:hover { border-color: #4b3f80 !important; color: #fff !important; }

.btn_danger {
  background: linear-gradient(180deg, #ff6b6b 0%, #e33b3b 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

/* Поля ввода */
.form-field__input, .form-control, input, select, textarea {
  font-family: var(--font-sans);
}
.form-field__input, .form-control {
  background: linear-gradient(180deg, #19182d 0%, #1e1733 100%) !important;
  border: 1px solid #2a2450 !important;
  color: #fff !important;
}
.form-field__input:focus, .form-control:focus {
  border-color: var(--color-border-focus) !important;
  box-shadow: 0 0 0 3px rgba(134, 58, 255, 0.12) !important;
}

/* Карточки и панели */
.card, .admin-card, .admin-panel, .profile-panel, .payment-form, .transaction-item {
  border-color: var(--color-border) !important;
}

/* Бейджи статусов */
.badge_success { background: rgba(89, 255, 86, 0.14) !important; color: #59ff56 !important; }
.badge_warning { background: rgba(255, 182, 72, 0.14) !important; color: #ffb648 !important; }
.badge_error   { background: rgba(255, 90, 90, 0.14) !important;  color: #ff5a5a !important; }

/* Таблицы админки */
.admin-table thead th { color: var(--color-text-secondary); border-bottom-color: var(--color-border); }
.admin-table tbody tr:hover { background: rgba(134, 58, 255, 0.06); }

/* Навигация админки */
.admin-nav__link_active {
  background: linear-gradient(180deg, #a448ff 0%, #873aff 100%) !important;
  color: #fff !important;
}