/* vars.css */

/* ============================================================
   ROOT — единая точка правок всех настроек
   ============================================================ */
:root{
  /* Цвета */
  --bg:#050505;
  --text-main:#f8fafc;
  --text-muted:#94a3b8;
  --neon-rgb:225,29,72;
  --neon:rgb(var(--neon-rgb));
  --neon-glow:rgba(var(--neon-rgb),.3);
  --neon-border:rgba(var(--neon-rgb),.2);
  --panel-bg:rgba(13,15,23,.70);
  --panel-border:rgba(255,255,255,.08);

  /* Шрифты */
  --font-ui:"Inter",system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --editor-fs:12px;
  --editor-lh:1.6;
  --editor-pad:12px 14px;

  /* Радиусы */
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:14px;
  --radius-xl:22px;
  --radius-pill:100px;

  /* === РАСКЛАДКА — единая точка правок === */
  --app-padding-x:20px;
  --app-padding-y:20px;
  --workspace-gap:18px;
  --panel-width:460px;
  --sidebar-width:52px;
  --sidebar-gap:8px;
  --canvas-gap:8px;
  /* extras убран — breadcrumbs + transform-bar теперь оверлей поверх preview */
  --canvas-rows:auto auto 1fr auto;
  --canvas-areas:"toolbar" "menus" "editor" "hints";
  --workspace-cols:minmax(0,1fr) var(--panel-width);
  --workspace-areas:"canvas panel";
  --editor-cols:var(--sidebar-width) 1fr;
  --editor-areas:"sidebar preview";
}