/* ==========================================================================
   Дизайн-токены (общие для всех окон). Импортируйте через globals.css.
   ========================================================================== */

:root {
  /* --- Цвета: фон (legacy алиасы для body/globals) --- */
  --bg0: #09090b;
  --bg1: #09090b;
  --color-bg-0: #09090b;
  --color-bg-1: #09090b;
  --color-bg-black: #000;
  --color-overlay-dark: rgba(0, 0, 0, 0.15);
  --color-overlay-dark-2: rgba(0, 0, 0, 0.18);
  --color-overlay-dark-3: rgba(0, 0, 0, 0.25);
  --color-overlay-dark-4: rgba(0, 0, 0, 0.28);
  --color-overlay-dark-5: rgba(0, 0, 0, 0.45);
  --color-overlay-dark-6: rgba(0, 0, 0, 0.55);
  --color-overlay-dark-7: rgba(0, 0, 0, 0.65);
  --color-scrim: rgba(0, 0, 0, 0.45);
  --color-panel: rgba(255, 255, 255, 0.04);
  --color-panel-2: rgba(255, 255, 255, 0.06);
  --color-panel-3: rgba(255, 255, 255, 0.05);
  --color-surface-elevated: rgba(10, 10, 14, 0.96);
  --color-surface-elevated-2: rgba(10, 10, 14, 0.98);
  --color-surface-menu: rgba(15, 16, 22, 0.98);
  --color-tooltip-bg: rgba(20, 22, 28, 0.96);

  /* --- Сцены: плитки (список, граф, пульт) --- */
  --scene-tile-radius: 12px;
  --scene-list-selected-bg: rgba(139, 92, 146, 0.1);
  --scene-list-selected-border: rgba(139, 92, 146, 0.3);
  --scene-list-hover-bg: rgba(139, 92, 146, 0.08);
  --graph-node-active-border: rgba(139, 92, 146, 1);

  /* --- Редактор: колонки --- */
  --editor-column-bg: #18181b;

  /* --- Цвета: обводка --- */
  --stroke: rgba(255, 255, 255, 0.08);
  --stroke2: rgba(255, 255, 255, 0.12);
  --stroke-2: rgba(255, 255, 255, 0.12);
  --stroke-light: rgba(255, 255, 255, 0.12);
  --stroke-handle: rgba(167, 139, 250, 0.9);

  /* --- Цвета: текст --- */
  --text0: rgba(255, 255, 255, 0.92);
  --text1: rgba(255, 255, 255, 0.72);
  --text2: rgba(255, 255, 255, 0.52);
  --panel: rgba(255, 255, 255, 0.04);
  --panel2: rgba(255, 255, 255, 0.06);
  --text-on-accent: rgba(255, 255, 255, 0.98);
  --text-muted-on-dark: rgba(255, 255, 255, 0.85);
  --text-muted-on-dark-2: rgba(255, 255, 255, 0.9);

  /* --- Цвета: акцент / бренд --- */
  --accent: #7c3aed;
  --accent2: #a78bfa;
  --accent-border: rgba(124, 58, 237, 0.55);
  --accent-border-strong: rgba(124, 58, 237, 0.85);
  --accent-fill-soft: rgba(124, 58, 237, 0.1);
  --accent-fill-soft-2: rgba(124, 58, 237, 0.12);
  --accent-fill-solid: rgba(124, 58, 237, 0.92);
  --accent-glow: rgba(124, 58, 237, 0.35);
  --selection-bg: rgba(124, 58, 237, 0.35);

  /* --- Цвета: опасность / ошибка --- */
  --color-danger: rgba(248, 113, 113, 0.95);
  --color-danger-icon: #e5484d;

  /* --- Тени --- */
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.55);
  --shadow-lg: 0 18px 60px rgba(0, 0, 0, 0.55);
  --shadow-xl: 0 24px 80px rgba(0, 0, 0, 0.6);
  --shadow-menu: 0 12px 40px rgba(0, 0, 0, 0.55);
  --shadow-tooltip: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-title: 0 4px 24px rgba(0, 0, 0, 0.65);
  --shadow-start-badge: 0 4px 12px rgba(0, 0, 0, 0.35);

  /* --- Скругления --- */
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 10px;
  --radius-xs: 8px;
  --radius-pill: 999px;

  /* --- Типографика --- */
  --font:
    'Nimbus Sans', 'Nimbus Sans L', 'Nimbus Sans OT', 'Nimbus Sans PS', ui-sans-serif, system-ui,
    -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-lg: 16px;
  --text-xl: 18px;
  --text-title-lg: 42px;

  /* --- Вёрстка: сетка редактора --- */
  --topbar-h: 56px;
  --sidebar-w: 280px;
  --inspector-w: 380px;
  --gap: 16px;
  --pad: 16px;

  /* --- Z-index --- */
  --z-menu-backdrop: 9999;
  --z-modal-backdrop: 20000;
  --z-modal: 20001;
  --z-file-menu: 40000;
  --z-tooltip: 200000;

  /* --- Прочее --- */
  --backdrop-blur-shell: blur(14px);
  --backdrop-blur-surface: blur(18px);
}