/* Дизайн-токены ZaKoTH. Источник — handoff/tokens.css (макет pencil-new.pen, тема
   brand=zaflag). Значения, которых в макетных токенах нет, но которые встречаются в
   html-экспорте макета (#0A0A0A на кнопках, ступени #FFFFFF12/0D/08, #3ECF8E55),
   вынесены сюда же, чтобы в компонентах не было хардкода hex.

   Старые имена (`--text-muted`, `--surface-2`, `--primary`, …) оставлены как
   алиасы: на них завязаны controlpanel.css и кабинет, которые в этот проход не
   перевёрстываются. */

:root {
  /* ── Поверхности. Иерархия инвертирована: карточки темнее страницы под ними ── */
  --bg: #1e1e20;
  --surface: #171718;
  --surface-raised: #1e1e20;
  --surface-soft: #131314;

  /* Ступени белого поверх поверхностей: hover, слабая заливка, волосок */
  --surface-hover: rgba(255, 255, 255, 0.07);   /* #FFFFFF12 */
  --surface-faint: rgba(255, 255, 255, 0.05);   /* #FFFFFF0D */
  --surface-ghost: rgba(255, 255, 255, 0.03);   /* #FFFFFF08 */
  --border: rgba(255, 255, 255, 0.08);          /* #FFFFFF14 — единственный цвет линий */
  --border-hover: rgba(255, 255, 255, 0.2);     /* #FFFFFF33 — выделенная строка */
  --border-strong: rgba(255, 255, 255, 0.4);
  --border-dashed: rgba(255, 255, 255, 0.13);

  /* ── Текст ── */
  --text: #f2f2f3;
  --muted: #a3a3a8;
  --text-dim: #85858d;
  --text-faint: #4a4a4e;

  /* ── Акцент (светлая кнопка) ── */
  --accent: #f5f5f6;
  --accent-hover: #e4e4e6;
  --accent-soft: rgba(255, 255, 255, 0.08);     /* #FFFFFF14 — активный таб */
  --on-accent: #0a0a0a;

  /* ── Семантика ── */
  --success: #3ecf8e;
  --success-soft: rgba(62, 207, 142, 0.1);      /* #3ECF8E1A */
  --success-glow: rgba(62, 207, 142, 0.33);     /* #3ECF8E55 */
  --danger: #e5484d;
  --danger-soft: rgba(229, 72, 77, 0.1);        /* #E5484D1A */
  --warning: #d9a854;
  --warning-soft: rgba(217, 168, 84, 0.08);     /* #D9A85414 */
  --info: #4fc7c0;
  --gold: #c9b37e;
  --idle: rgba(255, 255, 255, 0.15);            /* #FFFFFF26 — простой / DOWN на ленте владения */

  /* ── Палитра команд, слот 1..16 ── */
  --team-1: #6ba9d9;
  --team-2: #e08a4d;
  --team-3: #a98bd9;
  --team-4: #3e9e8e;
  --team-5: #c99a3b;
  --team-6: #d97a8e;
  --team-7: #4fc7c0;
  --team-8: #c3d14f;
  --team-9: #f06a6a;
  --team-10: #9aa4b2;
  --team-11: #b06bd9;
  --team-12: #4f8ae0;
  --team-13: #7bc96f;
  --team-14: #e0609b;
  --team-15: #a0785a;
  --team-16: #d4d4d8;

  /* ── Шрифты ── */
  --font-heading: "Unbounded", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* ── Радиусы (по макету) ── */
  --r-chip: 6px;
  --r-control: 8px;
  --r-card: 10px;
  --r-panel: 14px;
  --r-band: 20px;

  /* ── Сетка сайта: макет 1920, поля 56px, контент тянется ── */
  --page-x: 56px;
  --topbar-h: 68px;
  --banner-h: 40px;
  --footer-h: 64px;

  --shadow-window: 0 24px 70px -16px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.08);
  --shadow-popover: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.55);

  --t: 150ms ease;

  /* ── Алиасы старых имён (controlpanel, кабинет, 500.html) ── */
  --app: #333335;
  --sidebar: #171718;
  --main: #1e1e20;
  --surface-2: var(--surface-raised);
  --hover: #242426;
  --text-bright: var(--accent);
  --text-muted: var(--muted);
  --primary: var(--accent);
  --primary-hover: var(--accent-hover);
  --on-primary: var(--on-accent);
  --violet: var(--team-3);
  --teal: var(--info);
  --hard: #c98a5b;
  --font-ui: var(--font-body);
  --font-display: var(--font-heading);
  --r-window: var(--r-panel);
  --sidebar-w: 260px;
  --content-max: 1240px;
  --ui-zoom: 1;
}