/* Токены L2Spawn: единственное место, где задаются цвета, радиусы, высоты и шрифты.
   Шкала размеров повторяет shadcn (new-york), палитра — своя: тёмная, акцент «золото L2». */

:root {
  color-scheme: dark;

  /* шрифты */
  --font-display: "Play", system-ui, sans-serif;
  --font-text: "Play", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  /* радиусы */
  --r-xs: 5px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;
  --r-full: 999px;

  /* высоты органов управления */
  --h-xs: 24px;
  --h-sm: 32px;
  --h-md: 36px;
  --h-lg: 40px;

  /* горизонтальные поля */
  --px-xs: 8px;
  --px-sm: 12px;
  --px-md: 16px;
  --px-lg: 24px;

  /* текст */
  --t-xs: 12px;
  --t-sm: 13px;
  --t-base: 15px;
  --t-lg: 18px;
  --t-xl: 22px;
  --t-display: 30px;
  --lh-normal: 1.55;

  /* промежутки */
  --gap-xs: 4px;
  --gap-sm: 6px;
  --gap-md: 8px;
  --gap-lg: 12px;
  --gap-xl: 16px;
  --gap-2xl: 24px;

  /* поверхности */
  --bg: #0d0d10;
  --surface: #15161a;
  --surface-2: #1c1d22;
  --surface-3: #24252b;
  --border: #2a2c33;
  --border-strong: #3a3c44;

  /* текст */
  --text: #f4f4f5;
  --text-2: #c9c9d0;
  --muted: #8b8b96;

  /* основной цвет интерфейса: кнопки, заголовки секций, ссылки, сайдбар.
     Варианты для выбора — [data-theme] ниже. */
  /* серебро — выбрано 31.10.2026 */
  --accent: #aeb9c9;
  --accent-2: #e2e8f0;
  --accent-hover: #c3ccd9;
  --accent-fg: #0e1116;
  --accent-text: #d5dce6;
  --accent-soft: #1a1d23;
  --accent-line: #4a515c;

  /* золото — только VIP-строки в списках серверов */
  --vip: #e9b949;
  --vip-text: #f6d27a;
  --vip-fg: #1a1405;
  --vip-muted: #e8dcc0;
  --vip-line: #8a6a1f;
  --vip-deep: #6e5419;
  --vip-soft: #2a2210;

  /* состояния */
  --ok: #22c55e;
  --ok-soft: #0f2a1a;
  --info: #60a5fa;
  --info-soft: #102236;
  --danger: #f87171;
  --danger-soft: #2e1414;

  --ring: color-mix(in srgb, var(--accent) 40%, transparent);
  --ring-shadow: 0 0 0 3px var(--ring);
  --shadow-pop: 0 10px 30px #0008;
}

/* Другие варианты основного цвета, которые смотрели 31.10.2026: <html data-theme="blue"> и т.д. */
:root[data-theme="blue"] {
  --accent: #4f9cf5; --accent-2: #8cc0ff; --accent-hover: #6aaeff; --accent-fg: #06121f;
  --accent-text: #9ccaff; --accent-soft: #0f1d2e; --accent-line: #24476e;
}
:root[data-theme="emerald"] {
  --accent: #2fbf8a; --accent-2: #7ee2bb; --accent-hover: #3fd69c; --accent-fg: #04170f;
  --accent-text: #8ee6c3; --accent-soft: #0c2219; --accent-line: #1d5a43;
}
:root[data-theme="violet"] {
  --accent: #9b7bf5; --accent-2: #c4b0ff; --accent-hover: #ae92ff; --accent-fg: #120a24;
  --accent-text: #c9b8ff; --accent-soft: #1a1430; --accent-line: #423370;
}
:root[data-theme="crimson"] {
  --accent: #e5484d; --accent-2: #ff9599; --accent-hover: #f2555a; --accent-fg: #1f0607;
  --accent-text: #ff9da0; --accent-soft: #2a1012; --accent-line: #6b2226;
}
:root[data-theme="teal"] {
  --accent: #1fb5c4; --accent-2: #7fe0ea; --accent-hover: #2ccbdb; --accent-fg: #03171a;
  --accent-text: #86e3ec; --accent-soft: #0a2226; --accent-line: #175a62;
}
:root[data-theme="silver"] {
  --accent: #aeb9c9; --accent-2: #e2e8f0; --accent-hover: #c3ccd9; --accent-fg: #0e1116;
  --accent-text: #d5dce6; --accent-soft: #1a1d23; --accent-line: #4a515c;
}
:root[data-theme="magenta"] {
  --accent: #d6549b; --accent-2: #f5a3cf; --accent-hover: #e766ad; --accent-fg: #1f0714;
  --accent-text: #f3a8d0; --accent-soft: #2a1020; --accent-line: #6a2550;
}
:root[data-theme="indigo"] {
  --accent: #6c74f0; --accent-2: #aab0ff; --accent-hover: #8088ff; --accent-fg: #0b0c24;
  --accent-text: #b3b8ff; --accent-soft: #15172e; --accent-line: #363c80;
}