/* Оформления на выбор (Профиль → Оформление). Шрифты у всех одинаковые — как в «Неоне»,
   меняются только цвета, градиент логотипа и скругления. По умолчанию — «Неон» (style.css). */

/* Аркада — фиолетовая ночь, розовый неон */
:root[data-skin="arcade"] {
  --bg: #0d0820; --bg2: #120b2b; --card: #171033; --card2: #21184a;
  --line: rgba(190, 160, 255, .1); --line2: rgba(190, 160, 255, .2);
  --text: #f5f0ff; --muted: #b0a6d1; --dim: #7d73a6;
  --acc: #ff3d9a; --acc-ink: #ffffff; --acc-soft: rgba(255, 61, 154, .14);
  --brand-grad: linear-gradient(100deg, #ff3d9a 0%, #b44dff 40%, #3dd6ff 75%, #ff3d9a 100%);
}
:root[data-skin="arcade"] body { background: radial-gradient(120% 60% at 50% -10%, #2a1260 0%, var(--bg) 60%) fixed; }

/* Премиум — чёрное золото */
:root[data-skin="gold"] {
  --bg: #0b0a08; --bg2: #100e0b; --card: #15130f; --card2: #1d1a14;
  --line: rgba(242, 193, 78, .1); --line2: rgba(242, 193, 78, .2);
  --text: #f6f1e6; --muted: #aaa190; --dim: #7a7262;
  --acc: #f2c14e; --acc-ink: #1a1406; --acc-soft: rgba(242, 193, 78, .12);
  --brand-grad: linear-gradient(100deg, #f7d77e 0%, #e0a83a 40%, #fff1c9 70%, #f7d77e 100%);
}

/* Светлая синяя — чисто и спокойно, как банковское приложение */
:root[data-skin="light"] {
  --bg: #f3f5f9; --bg2: #ffffff; --card: #ffffff; --card2: #eef1f6;
  --line: rgba(15, 23, 42, .09); --line2: rgba(15, 23, 42, .16);
  --text: #0f172a; --muted: #5b6678; --dim: #7c8798;
  --acc: #2f6bff; --acc-ink: #ffffff; --acc-soft: rgba(47, 107, 255, .1); --acc-text: #1d4ed8;
  --ok: #15803d; --warn: #b45309; --bad: #dc2626; --info: #2563eb;
  --brand-grad: linear-gradient(100deg, #2f6bff 0%, #7a5cff 45%, #0aa5d6 80%, #2f6bff 100%);
  --shadow: 0 14px 30px -18px rgba(15, 23, 42, .3);
}
:root[data-skin="light"] .tabbar { background: rgba(255, 255, 255, .94); }
:root[data-skin="light"] .badge { color: #1d4ed8; background: rgba(47, 107, 255, .1); }
:root[data-skin="light"] .brand-mark svg { fill: #fff; }

/* Кибер-оранж — агрессивный геймерский, острые углы */
:root[data-skin="orange"] {
  --bg: #0a0a0a; --bg2: #0f0f0f; --card: #141414; --card2: #1c1c1c;
  --line: rgba(255, 255, 255, .08); --line2: rgba(255, 255, 255, .15);
  --text: #fafafa; --muted: #a3a3a3; --dim: #737373;
  --acc: #ff6a00; --acc-ink: #0a0a0a; --acc-soft: rgba(255, 106, 0, .13);
  --brand-grad: linear-gradient(100deg, #ffb800 0%, #ff6a00 40%, #ff2d2d 75%, #ffb800 100%);
  --r: 10px; --r2: 14px;
}