/* Themes: переключение через html[data-theme].
   Добавляй новые темы здесь, только переопределяя CSS-переменные. */

:root{
  --bg: #0b1020;
  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.09);
  --text: #e9ecff;
  --muted: rgba(233,236,255,.72);
  --line: rgba(233,236,255,.12);
  --brand: #7c5cff;
  --brand2: #00d7ff;
  --ok: #38d39f;
  --warn: #ffb020;
  --danger: #ff4d6d;
  --shadow: 0 20px 70px rgba(0,0,0,.35);
  --radius: 18px;
}
html[data-theme="light"]{
  --bg: #f6f7fb;
  --card: rgba(10, 14, 28, .05);
  --card2: rgba(10, 14, 28, .08);
  --text: #0a0e1c;
  --muted: rgba(10, 14, 28, .68);
  --line: rgba(10, 14, 28, .12);
  --brand: #5a46ff;
  --brand2: #00a3ff;
  --good: #12b981;
  --warn: #d97706;
  --bad: #e11d48;
}
html[data-theme="dark"]{
  --bg: #070a14;
  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.10);
  --text: #e7eaff;
  --muted: rgba(231,234,255,.72);
  --line: rgba(231,234,255,.12);
  --brand: #8b5cf6;
  --brand2: #22d3ee;
  --good: #34d399;
  --warn: #fbbf24;
  --bad: #fb7185;
}
html[data-theme="emerald"]{
  --bg: #071611;
  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.10);
  --text: #eafff5;
  --muted: rgba(234,255,245,.72);
  --line: rgba(234,255,245,.12);
  --brand: #10b981;
  --brand2: #22c55e;
  --good: #34d399;
  --warn: #f59e0b;
  --bad: #fb7185;
}
html[data-theme="ocean"]{
  --bg: #061522;
  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.10);
  --text: #e7f6ff;
  --muted: rgba(231,246,255,.72);
  --line: rgba(231,246,255,.12);
  --brand: #22d3ee;
  --brand2: #3b82f6;
  --ok: #38d39f;
  --warn: #ffb020;
  --danger: #ff4d6d;
  --shadow: 0 20px 70px rgba(0,0,0,.35);
}

html[data-theme="rose"]{
  --bg: #170712;
  --card: rgba(255,255,255,.06);
  --card2: rgba(255,255,255,.10);
  --text: #ffe8f1;
  --muted: rgba(255,232,241,.72);
  --line: rgba(255,232,241,.12);
  --brand: #fb7185;
  --brand2: #f472b6;
  --ok: #38d39f;
  --warn: #ffb020;
  --danger: #ff4d6d;
  --shadow: 0 20px 70px rgba(0,0,0,.35);
}