/* Дизайн-токены Za Flag (ТЗ §2). Значения сверены с эталоном .dc.html. */

:root {
  /* Поверхности — инвертированная иерархия: карточки темнее контента под ними */
  --app: #333335;
  --bg: #0f0f10;
  --sidebar: #171718;
  --main: #1e1e20;
  --surface: #171718;
  --surface-2: #1e1e20;
  --hover: #242426;

  --border: rgba(255, 255, 255, 0.08);
  --border-hover: rgba(255, 255, 255, 0.2);
  --border-strong: rgba(255, 255, 255, 0.4);
  --border-dashed: rgba(255, 255, 255, 0.13);

  --text: #f2f2f3;
  --text-bright: #f5f5f6;
  --text-muted: #a3a3a8;
  --text-dim: #6a6a70;
  --text-faint: #4a4a4e;

  --primary: #f5f5f6;
  --primary-hover: #e4e4e6;
  --on-primary: #111112;

  /* Семантика (ТЗ §2.3). `--success-soft` — «старые места», в т.ч. вся Главная. */
  --success: #3ecf8e;
  --success-soft: #58a97f;
  --warning: #d9a854;
  --violet: #a98bd9;
  --teal: #4fc7c0;
  --danger: #e5484d;
  --hard: #c98a5b;
  --gold: #c9b37e;

  --font-ui: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --font-display: "Unbounded", sans-serif;

  --r-chip: 6px;
  --r-control: 8px;
  --r-card: 10px;
  --r-window: 14px;

  --sidebar-w: 260px;
  --topbar-h: 56px;
  --content-max: 1240px;

  /* Масштаб интерфейса по умолчанию (эквивалент зума браузера) */
  --ui-zoom: 1.25;

  --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;
}