/* Trademo — одна тема: glass (настраивается через :root ниже) */

:root {
  /* Текущая палитра: «глубокий сине-бирюзовый» — спокойный финансовый фон + бирюзовый акцент */
  --glass-gradient: linear-gradient(155deg, #060d14 0%, #0c1f2e 42%, #123d4a 100%);
  --bg: var(--glass-gradient);
  --panel: rgba(255, 255, 255, 0.065);
  --line: rgba(94, 234, 212, 0.12);
  --text: #ecfdf5;
  --muted: #94a3b8;
  --accent: #2dd4bf;
  --accent-soft: rgba(45, 212, 191, 0.2);
  --panel-shadow: 0 10px 40px rgba(0, 0, 0, 0.45);
  --th-bg: rgba(6, 13, 20, 0.75);
  --td-alt: rgba(255, 255, 255, 0.035);
  --td-hover: rgba(45, 212, 191, 0.12);
  --td-border: rgba(255, 255, 255, 0.07);
  --nav-pill-bg: rgba(255, 255, 255, 0.08);
  --nav-active: linear-gradient(135deg, #0d9488, #2dd4bf);
  --input-bg: rgba(6, 13, 20, 0.55);
  --btn-ghost-bg: rgba(255, 255, 255, 0.07);
  --toast-bg: #0f766e;
  --glass-blur: blur(16px);
}

/*
  Другие готовые наборы (подставьте в :root вместо блока выше):

  «Фиолетовый неон» — акцент сиреневый, фон холодный графит
  --glass-gradient: linear-gradient(150deg, #0c0a12 0%, #1e1b4b 50%, #312e81 100%);
  --line: rgba(165, 180, 252, 0.14);
  --accent: #a78bfa;
  --accent-soft: rgba(167, 139, 250, 0.18);
  --nav-active: linear-gradient(135deg, #6366f1, #a78bfa);
  --td-hover: rgba(129, 140, 248, 0.15);
  --toast-bg: #4c1d95;

  «Изумрудный» — зелёный акцент, тёмный лес
  --glass-gradient: linear-gradient(160deg, #07120c 0%, #0f2918 45%, #14532d 100%);
  --line: rgba(52, 211, 153, 0.12);
  --accent: #34d399;
  --accent-soft: rgba(52, 211, 153, 0.18);
  --nav-active: linear-gradient(135deg, #059669, #34d399);
  --td-hover: rgba(52, 211, 153, 0.12);
  --toast-bg: #065f46;

  «Закат» — тёплый коралл / янтарь на тёмно-синем
  --glass-gradient: linear-gradient(145deg, #0f172a 0%, #1e1b4b 40%, #431407 100%);
  --line: rgba(251, 191, 36, 0.15);
  --accent: #fbbf24;
  --accent-soft: rgba(251, 191, 36, 0.15);
  --nav-active: linear-gradient(135deg, #d97706, #fbbf24);
  --td-hover: rgba(251, 191, 36, 0.1);
  --toast-bg: #92400e;
*/

html {
  color-scheme: dark;
}

body {
  margin: 0;
  background: var(--bg);
  background-attachment: fixed;
  min-height: 100vh;
}

.panel {
  background: var(--panel);
  border: 1px solid var(--line);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
}