/* Дизайн-токены — светлая тема, бирюзовый акцент (как в референсе) */
:root{
  --bg:#f6f7f9; --panel:#ffffff; --panel2:#f3f5f7;
  --text:#111827; --muted:#6b7280; --muted-2:#9ca3af;
  --accent:#0d9488; --accent-hover:#0f766e; --accent-light:rgba(13,148,136,0.10);
  --ok:#16a34a; --ok-hover:#15803d; --ok-light:rgba(22,163,74,0.10);
  --danger:#dc2626; --danger-hover:#b91c1c; --danger-light:rgba(220,38,38,0.08);
  --warning:#ea580c; --warning-hover:#c2410c; --warning-light:rgba(234,88,12,0.10);
  --border:#e8eaed; --border-light:#d8dbe0;
  --chip:#f3f5f7; --chip-hover:#e8eaed;

  --radius:14px; --radius-sm:10px; --radius-lg:18px;
  --gap:16px; --gap-sm:8px; --gap-lg:24px;

  --shadow-sm:0 1px 2px rgba(16,24,40,0.05);
  --shadow:0 1px 3px rgba(16,24,40,0.07), 0 1px 2px rgba(16,24,40,0.04);
  --shadow-lg:0 10px 28px rgba(16,24,40,0.10);

  --transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast:all 0.15s ease;
  --transition-slow:all 0.3s ease;

  /* Каркас */
  --sidebar-w:264px;
}