/* _tokens.css — единственный источник дизайн-токенов */

:root {
  /* Цвета — фон */
  --sky-0: #f7fbff;
  --sky-1: #eef7ff;
  --bg-base: #f0f2f7;
  --bg-card: rgba(255,255,255,.82);
  --bg-glass: rgba(255,255,255,.72);
  --bg-elevated: rgba(255,255,255,.92);

  /* Цвета — текст */
  --text: #0b1220;
  --text-primary: rgba(11,18,32,.88);
  --text-secondary: rgba(11,18,32,.62);
  --text-muted: rgba(11,18,32,.44);

  /* Цвета — линии */
  --line: rgba(11,18,32,.10);
  --border: rgba(11,18,32,.09);

  /* Бренд */
  --brand: #3aa0ff;
  --brand-2: #6cdcff;
  --brand-deep: #2b6fff;
  --brand-soft: rgba(58,160,255,.14);
  --brand-soft-border: rgba(58,160,255,.18);

  /* Семантика */
  --success: #2dca73;
  --warning: #ffa640;
  --danger: #e74c3c;
  --info: #3aa0ff;

  /* Glass */
  --glass: rgba(255,255,255,.46);
  --glass-border: rgba(255,255,255,.72);

  /* Тени */
  --shadow-sm: 0 4px 12px rgba(11,18,32,.06);
  --shadow-md: 0 14px 30px rgba(11,18,32,.10);
  --shadow-lg: 0 24px 70px rgba(11,18,32,.12);

  /* Радиусы */
  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;
  --radius-full: 999px;

  /* Spacing */
  --gap-xs: 4px;
  --gap-sm: 8px;
  --gap: 12px;
  --gap-md: 16px;
  --gap-lg: 24px;
  --gap-xl: 32px;

  /* Layout */
  --topbar-h: 72px;
  --right-w: 332px;
  --left-w: 260px;

  /* Контролы */
  --btn-h: 46px;
  --btn-h-sm: 36px;
  --input-h: 44px;
  --icon: 18px;

  /* Алиасы для обратной совместимости с main.css */
  --muted: var(--text-secondary);
  --muted2: var(--text-muted);
  --brand2: var(--brand-2);
  --brandDeep: var(--brand-deep);
  --glassBorder: var(--glass-border);
  --panelBlue: var(--brand-soft);
  --panelBlueBorder: var(--brand-soft-border);
  --shadow: var(--shadow-lg);
  --shadow2: var(--shadow-md);
  --radius2: var(--radius-lg);
  --sidebar-bg: rgba(255,255,255,.72);
  --topbar-bg: rgba(255,255,255,.12);

  /* Анимации */
  --t-fast: .14s ease;
  --t: .22s cubic-bezier(.2,.8,.2,1);
  --t-slow: .35s cubic-bezier(.2,.8,.2,1);

  /* Типографика */
  --font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --fs-xs: 11px;
  --fs-sm: 13px;
  --fs: 14px;
  --fs-md: 16px;
  --fs-lg: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
}

html.dark-theme {
  --sky-0: #0d1018;
  --sky-1: #13151c;
  --bg-base: #13151c;
  --bg-card: rgba(30,34,48,.92);
  --bg-glass: rgba(24,28,40,.82);
  --bg-elevated: rgba(36,40,56,.96);

  --text: #e6ebff;
  --text-primary: rgba(230,235,255,.92);
  --text-secondary: rgba(180,190,220,.62);
  --text-muted: rgba(180,190,220,.42);

  --line: rgba(255,255,255,.10);
  --border: rgba(255,255,255,.09);

  --glass: rgba(30,34,48,.46);
  --glass-border: rgba(255,255,255,.10);

  --shadow-sm: 0 4px 12px rgba(0,0,0,.30);
  --shadow-md: 0 14px 30px rgba(0,0,0,.40);
  --shadow-lg: 0 24px 70px rgba(0,0,0,.50);

  /* Алиасы — тёмная тема */
  --shadow: var(--shadow-lg);
  --shadow2: var(--shadow-md);
  --sidebar-bg: rgba(20,24,36,.88);
  --topbar-bg: rgba(10,12,20,.40);
}