/* ============================================================================
   Держава «Грид» — Единый Свод Дизайн-Токенов (Canonical Design Tokens)
   Файл: tokens.css · Стандарты: WCAG 2.2 AAA · HSL Tokens · 4/8/16/24px Grid
   Статья XIX Закона Модульности: длина строго < 800 строк
   ============================================================================ */

:root {
  /* ---------- 1. ШРИФТОВЫЕ СЕМЕЙСТВА ---------- */
  --sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Menlo, Consolas, monospace;
  --display: 'Orbitron', var(--sans);

  /* ---------- 2. ШКАЛА КЕГЛЕЙ (TYPOGRAPHY SCALE - STRICT 8-STEP INTEGER) ---------- */
  --fs-2xs: 12px;
  --fs-xs: 12px;
  --fs-sm: 12px;
  --fs-sub: 12px;
  --fs-body: 13px;
  --fs-base: 14px;
  --fs-md: 14px;
  --fs-h2: 16px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-2xl: 20px;
  --fs-3xl: 26px;
  --fs-4xl: 26px;
  --fs-5xl: 32px;

  /* ---------- 2b. МЕРА СТРОКИ И ИНТЕРЛИНЬЯЖ (STRIPE / LINEAR STANDARD) ---------- */
  --measure-prose-narrow: 45ch;
  --measure-prose: 60ch;
  --measure-prose-optimal: 65ch;
  --measure-prose-wide: 75ch;
  --lh-tight: 1.15;
  --lh-snug: 1.25;
  --lh-normal: 1.5;
  --lh-relaxed: 1.625;

  /* ---------- 3. ШКАЛА ОТСТУПОВ (SPACING SCALE 4/8/16/24/32/40/48px) ---------- */
  --sp-0: 0px;
  --sp-px: 1px;
  --sp-0-5: 2px;
  --sp-1: 4px;
  --sp-1-25: 5px;
  --sp-1-5: 6px;
  --sp-2: 8px;
  --sp-2-5: 10px;
  --sp-3: 12px;
  --sp-3-5: 14px;
  --sp-4: 16px;
  --sp-4-5: calc(var(--sp-4) + var(--sp-0-5));
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 28px;
  --sp-8: 32px;
  --sp-8-5: calc(var(--sp-8) + var(--sp-0-5));
  --sp-9: 36px;
  --sp-10: 40px;
  --sp-11: 44px;
  --sp-12: 48px;
  --sp-14: 56px;
  --sp-16: 64px;
  --sp-18: 72px;

  /* ---------- 4. ШКАЛА СКРУГЛЕНИЙ (BORDER RADIUS & PILL CANON) ---------- */
  --r-2xs: 2px;
  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-10: 10px;
  --radius-md: 12px;
  --r-card: 12px;
  --r: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-2xl: 28px;
  --r-pill: 9999px;
  --r-pill-badge: var(--r-pill);
  --r-pill-chip: var(--r-pill);
  --r-pill-safe: var(--r-pill);
  --r-full: 9999px;
  --r-circle: 50%;
  --r-brush: 30% 70% 70% 30% / 30% 30% 70% 70%;

  /* ---------- 4b. КАНОНИЧЕСКАЯ SLATE ПАЛИТРА ---------- */
  --slate-50: hsl(210, 40%, 98%);
  --slate-100: hsl(210, 40%, 96%);
  --slate-200: hsl(214, 32%, 91%);
  --slate-300: hsl(213, 27%, 84%);
  --slate-400: hsl(215, 20%, 65%);
  --slate-500: hsl(215, 16%, 47%);
  --slate-600: hsl(215, 19%, 35%);
  --slate-700: hsl(215, 25%, 27%);
  --slate-800: hsl(217, 33%, 17%);
  --slate-900: hsl(222, 47%, 11%);
  --slate-950: hsl(222, 47%, 6%);
  --white: hsl(0, 0%, 100%);
  --black: hsl(0, 0%, 0%);
  --tx-inverse: var(--white);

  /* ---------- 5. ПОВЕРХНОСТИ ТЁМНОЙ ТЕМЫ (DARK THEME DEFAULT) ---------- */
  --bg: hsl(222, 47%, 6%);
  --bg2: hsl(222, 45%, 9%);
  --bg-primary: var(--bg);
  --bg-secondary: var(--bg2);

  --card: hsl(222, 47%, 11%);
  --card2: hsl(222, 44%, 13%);
  --card-hover: hsl(222, 42%, 16%);
  --bg-card: rgba(15, 23, 42, 0.75);
  --bg-card-hover: rgba(23, 34, 59, 0.85);
  --bg-glass: rgba(13, 18, 36, 0.96);
  --bg-overlay-darker: rgba(8, 13, 24, 0.85);

  /* ---------- 5b. ALPHA-LAYERED SURFACE ELEVATION (LINEAR & LAWS OF UX) ---------- */
  --elevation-1: rgba(255, 255, 255, 0.03);
  --elevation-2: rgba(255, 255, 255, 0.06);
  --elevation-3: rgba(255, 255, 255, 0.09);
  --surface-base: var(--card);
  --surface-1: linear-gradient(rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03)), var(--card);
  --surface-2: linear-gradient(rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.06)), var(--card);
  --surface-3: linear-gradient(rgba(255, 255, 255, 0.09), rgba(255, 255, 255, 0.09)), var(--card);

  /* ---------- 6. ЛИНИИ, РАЗДЕЛИТЕЛИ И RING-БОРДЕРЫ (DARK THEME) ---------- */
  --line: hsl(217, 33%, 17%);
  --line-light: hsl(215, 28%, 24%);
  --line-glass: rgba(255, 255, 255, 0.08);
  --line-hover: hsla(258, 90%, 68%, 0.4);
  --border-hover: var(--line-hover);
  --border-color: rgba(124, 92, 255, 0.25);
  --border-color-alpha-50: var(--violet-alpha-50);
  --border-glass: rgba(255, 255, 255, 0.08);
  --ring-border: 1px solid rgba(255, 255, 255, 0.08);
  --border-subtle: var(--ring-border-subtle);

  /* ---------- 7. ТИПОГРАФИКА WCAG 2.2 AAA (DARK THEME) ---------- */
  --tx: hsl(210, 40%, 98%);
  --tx1: var(--tx);
  --text-primary: var(--tx);
  --tx-warm-title: hsl(55, 62%, 89%);

  --tx2: hsl(215, 25%, 84%);
  --text-secondary: var(--tx2);

  --tx3: hsl(215, 18%, 68%);
  --text-muted: var(--tx3);

  /* ---------- 8. АКЦЕНТНЫЕ ЦВЕТА И НЕОНОВЫЕ СВЕЧЕНИЯ ---------- */
  --violet: hsl(258, 90%, 71%);
  --violet-light: hsl(258, 90%, 75%);
  --violet-dark: hsl(263, 69%, 42%);
  --violet-glow: hsla(258, 90%, 71%, 0.35);

  --accent-primary: hsl(11, 100%, 57%);
  --accent-primary-glow: hsla(11, 100%, 57%, 0.35);
  --accent-secondary: hsl(258, 90%, 71%);
  --accent-gold: var(--rank-celestial);
  --accent-amber: var(--amber);
  --accent-cyan: var(--cyan);
  --accent-red: var(--red);
  --accent-green: var(--green);

  --green: hsl(142, 71%, 48%);
  --green-light: hsl(142, 71%, 60%);
  --green-dark: hsl(142, 85%, 25%);
  --amber: hsl(38, 92%, 52%);
  --amber-light: hsl(38, 92%, 65%);
  --amber-dark: hsl(38, 92%, 35%);
  --gold: hsl(45, 93%, 47%);
  --red: hsl(0, 84%, 62%);
  --red-light: hsl(0, 84%, 72%);
  --red-dark: hsl(0, 80%, 38%);
  --blue: hsl(199, 89%, 60%);
  --blue-light: hsl(199, 89%, 70%);
  --blue-dark: hsl(220, 85%, 35%);
  --sky: hsl(199, 89%, 48%);
  --sky-light: hsl(199, 89%, 70%);
  --cyan: hsl(189, 94%, 43%);
  --cyan-light: hsl(189, 94%, 60%);
  --cyan-dark: hsl(195, 90%, 28%);
  --pink: hsl(292, 84%, 68%);
  --pink-dark: hsl(292, 80%, 42%);
  --rose: hsl(350, 89%, 60%);
  --rose-light: hsl(350, 95%, 90%);
  --purple: hsl(271, 91%, 65%);
  --purple-light: hsl(271, 91%, 75%);
  --teal: hsl(173, 80%, 40%);
  --teal-light: hsl(173, 80%, 65%);
  --emerald: hsl(160, 84%, 39%);
  --indigo: hsl(238, 82%, 67%);
  --indigo-light: hsl(238, 82%, 80%);

  /* Специальные оттенки канваса и моделей */
  --bg-deep-canvas: hsl(221, 50%, 6%);
  --bg-pure-canvas: hsl(224, 45%, 6%);
  --bg-surface-navy: hsl(223, 48%, 13%);
  --bg-surface-dark: hsl(224, 49%, 8%);
  --bg-surface-indigo: hsl(224, 47%, 18%);
  --bg-surface-midnight: hsl(221, 48%, 9%);
  --bg-surface-violet: hsl(248, 40%, 14%);
  --bg-surface-slate: hsl(222, 39%, 13%);
  --model-claude-bg: hsl(343, 33%, 12%);
  --model-gemini-bg: hsl(209, 65%, 13%);
  --model-gpt-bg: hsl(144, 51%, 10%);
  --model-deepseek-bg: hsl(216, 49%, 15%);
  --model-deepseek-tx: hsl(212, 96%, 78%);
  --strikes-pill-bg: hsl(354, 51%, 15%);

  /* Пастельные оттенки типографики */
  --tx-pastel-purple: hsl(250, 95%, 92%); --tx-pastel-red: hsl(0, 96%, 89%);
  --tx-pastel-pink: hsl(329, 86%, 70%); --tx-pastel-amber: hsl(46, 97%, 65%);
  --tx-pastel-emerald: hsl(156, 72%, 67%); --tx-pastel-indigo: hsl(230, 94%, 82%);
  --tx-pastel-teal: hsl(171, 77%, 64%); --tx-pastel-rose: hsl(351, 95%, 71%);
  --tx-pastel-green: hsl(141, 79%, 85%);
  --tx-pastel-yellow: hsl(53, 98%, 77%);

  /* ---------- 8b. СЕМАНТИЧЕСКИЕ АЛЬФА-СЛОИ АКЦЕНТОВ ---------- */
  --violet-alpha-04: rgba(124, 92, 255, 0.04);
  --violet-alpha-08: rgba(124, 92, 255, 0.08);
  --violet-alpha-12: rgba(124, 92, 255, 0.12);
  --violet-alpha-15: rgba(124, 92, 255, 0.15);
  --violet-alpha-20: rgba(124, 92, 255, 0.20);
  --violet-alpha-30: rgba(124, 92, 255, 0.30);
  --violet-alpha-40: rgba(124, 92, 255, 0.40);
  --violet-alpha-50: rgba(124, 92, 255, 0.50);
  --violet-alpha-60: rgba(124, 92, 255, 0.60);
  --violet-alpha-70: rgba(124, 92, 255, 0.70);
  --violet-alpha-80: rgba(124, 92, 255, 0.80);

  --blue-alpha-08: rgba(56, 189, 248, 0.08);
  --blue-alpha-12: rgba(56, 189, 248, 0.12);
  --blue-alpha-15: rgba(56, 189, 248, 0.15);
  --blue-alpha-20: rgba(56, 189, 248, 0.20);
  --blue-alpha-30: rgba(56, 189, 248, 0.30);
  --blue-alpha-40: rgba(56, 189, 248, 0.40);
  --blue-alpha-50: rgba(56, 189, 248, 0.50);
  --blue-alpha-60: rgba(56, 189, 248, 0.60);
  --blue-alpha-70: rgba(14, 165, 233, 0.70);
  --blue-alpha-80: rgba(56, 189, 248, 0.80);
  --blue-alpha-90: rgba(56, 189, 248, 0.90);

  --cyan-alpha-12: rgba(6, 182, 212, 0.12);
  --cyan-alpha-30: rgba(6, 182, 212, 0.30); --cyan-alpha-40: rgba(6, 182, 212, 0.40);

  --sky-alpha-12: rgba(14, 165, 233, 0.12);
  --sky-alpha-30: rgba(14, 165, 233, 0.30); --sky-alpha-40: rgba(14, 165, 233, 0.40);

  --green-alpha-04: rgba(34, 197, 94, 0.04);
  --green-alpha-08: rgba(34, 197, 94, 0.08);
  --green-alpha-12: rgba(34, 197, 94, 0.12);
  --green-alpha-15: rgba(34, 197, 94, 0.15);
  --green-alpha-20: rgba(34, 197, 94, 0.20);
  --green-alpha-30: rgba(34, 197, 94, 0.30);
  --green-alpha-40: rgba(34, 197, 94, 0.40);
  --green-alpha-50: rgba(34, 197, 94, 0.50); --green-alpha-60: rgba(34, 197, 94, 0.60);
  --green-alpha-70: rgba(34, 197, 94, 0.70); --green-alpha-80: rgba(34, 197, 94, 0.80);

  --amber-alpha-08: rgba(245, 158, 11, 0.08);
  --amber-alpha-12: rgba(251, 191, 36, 0.12); --amber-alpha-15: rgba(245, 158, 11, 0.15);
  --amber-alpha-20: rgba(251, 191, 36, 0.20);
  --amber-alpha-30: rgba(251, 191, 36, 0.30);
  --amber-alpha-40: rgba(245, 158, 11, 0.40); --amber-alpha-50: rgba(245, 158, 11, 0.50);
  --amber-alpha-60: rgba(251, 191, 36, 0.60); --amber-alpha-70: rgba(245, 158, 11, 0.70);
  --amber-alpha-80: rgba(245, 158, 11, 0.80);

  --gold-alpha-12: rgba(251, 191, 36, 0.12);
  --gold-alpha-15: rgba(251, 191, 36, 0.15);
  --gold-alpha-20: rgba(251, 191, 36, 0.20);
  --gold-alpha-30: rgba(251, 191, 36, 0.30);
  --gold-alpha-40: rgba(251, 191, 36, 0.40);
  --gold-alpha-50: rgba(251, 191, 36, 0.50);
  --gold-alpha-60: rgba(251, 191, 36, 0.60);
  --gold-alpha-70: rgba(251, 191, 36, 0.70);

  --red-alpha-08: rgba(239, 68, 68, 0.08);
  --red-alpha-12: rgba(239, 68, 68, 0.12);
  --red-alpha-15: rgba(239, 68, 68, 0.15);
  --red-alpha-20: rgba(239, 68, 68, 0.20);
  --red-alpha-30: rgba(239, 68, 68, 0.30);
  --red-alpha-40: rgba(239, 68, 68, 0.40);
  --red-alpha-50: rgba(239, 68, 68, 0.50);
  --red-alpha-60: rgba(239, 68, 68, 0.60);
  --red-alpha-70: rgba(239, 68, 68, 0.70);

  --accent-primary-alpha-04: rgba(255, 77, 36, 0.04);
  --accent-primary-alpha-08: rgba(255, 77, 36, 0.08);
  --accent-primary-alpha-15: rgba(255, 77, 36, 0.15);
  --accent-primary-alpha-20: rgba(255, 77, 36, 0.20);
  --accent-primary-alpha-30: rgba(255, 77, 36, 0.30); --accent-primary-alpha-40: rgba(255, 77, 36, 0.40);
  --accent-primary-alpha-50: rgba(255, 77, 36, 0.50);
  --accent-primary-alpha-60: rgba(255, 77, 36, 0.60);

  --rose-alpha-12: hsla(350, 85%, 65%, 0.12);
  --rose-alpha-20: rgba(244, 63, 94, 0.20);
  --rose-alpha-30: rgba(244, 63, 94, 0.30);
  --rose-alpha-40: rgba(244, 63, 94, 0.40);
  --rose-alpha-50: rgba(244, 63, 94, 0.50);
  --rose-alpha-60: rgba(244, 63, 94, 0.60); --rose-alpha-70: rgba(244, 63, 94, 0.70);
  --rose-alpha-80: rgba(244, 63, 94, 0.80);

  --pink-alpha-12: rgba(236, 72, 153, 0.12);
  --pink-alpha-15: rgba(236, 72, 153, 0.15);
  --pink-alpha-20: rgba(236, 72, 153, 0.20);
  --pink-alpha-30: rgba(236, 72, 153, 0.30);
  --pink-alpha-40: rgba(236, 72, 153, 0.40);
  --pink-alpha-50: rgba(236, 72, 153, 0.50);
  --pink-alpha-60: rgba(236, 72, 153, 0.60);

  --purple-alpha-12: rgba(168, 85, 247, 0.12);
  --purple-alpha-15: rgba(168, 85, 247, 0.15);
  --purple-alpha-20: rgba(168, 85, 247, 0.20);
  --purple-alpha-30: rgba(168, 85, 247, 0.30); --purple-alpha-40: rgba(168, 85, 247, 0.40);
  --purple-alpha-50: rgba(168, 85, 247, 0.50);
  --purple-alpha-70: rgba(168, 85, 247, 0.70); --purple-alpha-80: rgba(168, 85, 247, 0.80);

  --teal-alpha-12: rgba(20, 184, 166, 0.12);
  --teal-alpha-30: rgba(20, 184, 166, 0.30);
  --teal-alpha-40: rgba(20, 184, 166, 0.40);

  --emerald-alpha-08: rgba(16, 185, 129, 0.08);
  --emerald-alpha-12: rgba(16, 185, 129, 0.12);
  --emerald-alpha-20: rgba(16, 185, 129, 0.20);
  --emerald-alpha-30: rgba(16, 185, 129, 0.30); --emerald-alpha-40: rgba(16, 185, 129, 0.40);
  --emerald-alpha-50: rgba(16, 185, 129, 0.50);
  --emerald-alpha-60: rgba(16, 185, 129, 0.60);
  --emerald-alpha-80: rgba(16, 185, 129, 0.80); --emerald-alpha-90: rgba(16, 185, 129, 0.90);

  --indigo-alpha-12: rgba(99, 102, 241, 0.12);
  --indigo-alpha-15: rgba(99, 102, 241, 0.15);
  --indigo-alpha-20: rgba(99, 102, 241, 0.20);
  --indigo-alpha-30: rgba(99, 102, 241, 0.30);
  --indigo-alpha-40: rgba(99, 102, 241, 0.40);
  --indigo-alpha-50: rgba(99, 102, 241, 0.50);

  --slate-alpha-60: rgba(30, 41, 59, 0.60);

  --slate-400-alpha-12: rgba(148, 163, 184, 0.12);
  --slate-400-alpha-15: rgba(148, 163, 184, 0.15); --slate-400-alpha-20: rgba(148, 163, 184, 0.20);
  --slate-400-alpha-30: rgba(148, 163, 184, 0.30);
  --slate-400-alpha-40: rgba(148, 163, 184, 0.40);

  --slate-800-alpha-40: rgba(30, 41, 59, 0.40); --slate-800-alpha-60: rgba(30, 41, 59, 0.60); --slate-800-alpha-80: rgba(30, 41, 59, 0.80);
  --slate-800-alpha-90: rgba(30, 41, 59, 0.90);

  --slate-900-alpha-40: rgba(15, 23, 42, 0.40); --slate-900-alpha-50: rgba(15, 23, 42, 0.50);
  --slate-900-alpha-60: rgba(15, 23, 42, 0.60); --slate-900-alpha-70: rgba(15, 23, 42, 0.70);
  --slate-900-alpha-80: rgba(15, 23, 42, 0.80); --slate-900-alpha-90: rgba(15, 23, 42, 0.90);

  --slate-950-alpha-20: rgba(8, 12, 22, 0.20); --slate-950-alpha-30: rgba(8, 12, 22, 0.30);
  --slate-950-alpha-40: rgba(8, 12, 22, 0.40);

  --white-alpha-04: rgba(255, 255, 255, 0.04);
  --white-alpha-08: rgba(255, 255, 255, 0.08);
  --white-alpha-12: rgba(255, 255, 255, 0.12);
  --white-alpha-15: rgba(255, 255, 255, 0.15);
  --white-alpha-20: rgba(255, 255, 255, 0.20);
  --white-alpha-30: rgba(255, 255, 255, 0.30);
  --white-alpha-40: rgba(255, 255, 255, 0.40);
  --white-alpha-50: rgba(255, 255, 255, 0.50);
  --white-alpha-60: rgba(255, 255, 255, 0.60);

  --black-alpha-04: rgba(0, 0, 0, 0.04);
  --black-alpha-08: rgba(0, 0, 0, 0.08);
  --black-alpha-12: rgba(0, 0, 0, 0.12);
  --black-alpha-15: rgba(0, 0, 0, 0.15); --black-alpha-20: rgba(0, 0, 0, 0.20);
  --black-alpha-30: rgba(0, 0, 0, 0.30);
  --black-alpha-40: rgba(0, 0, 0, 0.40);
  --black-alpha-50: rgba(0, 0, 0, 0.50);
  --black-alpha-60: rgba(0, 0, 0, 0.60);
  --black-alpha-70: rgba(0, 0, 0, 0.70);
  --black-alpha-80: rgba(0, 0, 0, 0.80);
  --black-alpha-90: rgba(0, 0, 0, 0.90);

  --canvas-alpha-40: rgba(8, 13, 24, 0.40);
  --canvas-alpha-50: rgba(8, 13, 24, 0.50);
  --canvas-alpha-60: rgba(8, 13, 24, 0.60);
  --canvas-alpha-70: rgba(8, 13, 24, 0.70);
  --canvas-alpha-80: rgba(8, 13, 24, 0.80);
  --canvas-alpha-90: rgba(8, 13, 24, 0.90);

  /* ---------- 9. РАНГИ ДЕРЖАВЫ «ГРИД» (WCAG AA COMPLIANT) ---------- */
  --rank-celestial: hsl(43, 96%, 64%);
  --rank-celestial-bg: hsla(43, 96%, 64%, 0.18);
  --rank-celestial-border: hsla(43, 96%, 64%, 0.45);

  --rank-senior: hsl(258, 90%, 75%);
  --rank-senior-bg: hsla(258, 90%, 65%, 0.18);
  --rank-senior-border: hsla(258, 90%, 65%, 0.45);

  --rank-middle: hsl(199, 89%, 65%);
  --rank-middle-bg: hsla(199, 89%, 48%, 0.18);
  --rank-middle-border: hsla(199, 89%, 48%, 0.45);

  --rank-junior: hsl(142, 71%, 60%);
  --rank-junior-bg: hsla(142, 71%, 45%, 0.18);
  --rank-junior-border: hsla(142, 71%, 45%, 0.45);

  --rank-recruit: hsl(215, 20%, 75%);
  --rank-recruit-bg: hsla(215, 20%, 50%, 0.18);
  --rank-recruit-border: hsla(215, 20%, 50%, 0.45);

  /* ---------- 9b. СТУПЕНИ ВЗРОСЛЕНИЯ КЛОНОВ (ICONS.STAGE 0..8) ---------- */
  --stage-0: hsl(215, 18%, 68%);
  --stage-1: hsl(45, 93%, 47%);
  --stage-2: hsl(142, 71%, 45%);
  --stage-3: hsl(24, 95%, 53%);
  --stage-4: hsl(199, 89%, 60%);
  --stage-5: hsl(173, 80%, 50%);
  --stage-6: hsl(234, 89%, 74%);
  --stage-7: hsl(347, 89%, 60%);
  --stage-8: hsl(271, 91%, 65%);

  /* ---------- 10. СТАТУСЫ ЗАДАЧ И СОСТОЯНИЯ (MUTED TINT 12%/28% · LINEAR/GRAFANA) ---------- */
  --status-running-bg: hsla(142, 71%, 48%, 0.12);
  --status-running-border: hsla(142, 71%, 48%, 0.28);
  --status-running-tx: hsl(142, 71%, 65%);

  --status-completed-bg: hsla(160, 84%, 39%, 0.12);
  --status-completed-border: hsla(160, 84%, 39%, 0.28);
  --status-completed-tx: hsl(160, 84%, 65%);

  --status-done-bg: hsla(142, 71%, 48%, 0.12);

  --status-failed-bg: hsla(0, 84%, 62%, 0.12);
  --status-failed-border: hsla(0, 84%, 62%, 0.28);
  --status-failed-tx: hsl(0, 84%, 72%);

  --status-paused-bg: hsla(38, 92%, 52%, 0.12);
  --status-paused-border: hsla(38, 92%, 52%, 0.28);
  --status-paused-tx: hsl(38, 92%, 65%);

  --status-waiting-bg: hsla(215, 20%, 65%, 0.12);
  --status-waiting-border: hsla(215, 20%, 65%, 0.28);
  --status-waiting-tx: hsl(215, 20%, 75%);

  --status-pending-bg: hsla(38, 92%, 52%, 0.12);
  --status-pending-border: hsla(38, 92%, 52%, 0.28);
  --status-pending-tx: hsl(38, 92%, 65%);
  --status-running-hsl: 142, 71%, 48%;
  --status-completed-hsl: 160, 84%, 39%;
  --status-failed-hsl: 0, 84%, 62%;
  --status-paused-hsl: 38, 92%, 52%;
  --status-pending-hsl: 38, 92%, 52%;
  --ev-color: var(--blue);

  /* Семантические бейджи категорий отделов (Muted Tint 12%/28%) */
  --badge-cat-univ-bg: hsla(258, 90%, 71%, 0.12);
  --badge-cat-univ-tx: var(--tx-pastel-purple);

  --badge-cat-audit-bg: hsla(0, 84%, 62%, 0.12);
  --badge-cat-audit-tx: var(--tx-pastel-red);

  --badge-cat-brig-bg: hsla(199, 89%, 60%, 0.12);
  --badge-cat-brig-tx: hsl(201, 94%, 86%);
  --badge-cat-brig-border: hsla(199, 89%, 60%, 0.28);

  /* Семантические бейджи Muted Tint (Linear & Grafana Standard · glow = 0) */
  --badge-tint-violet-bg: hsla(258, 90%, 71%, 0.12);
  --badge-tint-violet-border: hsla(258, 90%, 71%, 0.28);
  --badge-tint-violet-tx: hsl(258, 90%, 75%);
  --badge-tint-blue-bg: hsla(199, 89%, 60%, 0.12);
  --badge-tint-blue-border: hsla(199, 89%, 60%, 0.28);
  --badge-tint-blue-tx: hsl(199, 89%, 75%);
  --badge-tint-green-bg: hsla(142, 71%, 48%, 0.12);
  --badge-tint-green-tx: hsl(142, 71%, 65%);
  --badge-tint-amber-bg: hsla(38, 92%, 52%, 0.12);
  --badge-tint-amber-tx: hsl(38, 92%, 65%);
  --badge-tint-red-bg: hsla(0, 84%, 62%, 0.12);
  --badge-tint-red-tx: hsl(0, 84%, 72%);
  --badge-tint-slate-bg: hsla(215, 20%, 65%, 0.12);
  --badge-tint-slate-tx: hsl(215, 20%, 75%);

  /* ---------- 11. ШКАЛА ТЕНЕЙ И СВЕТОВОЙ ПЕРИМЕТР (SHADOWS & ELEVATION) ---------- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.50);
  --shadow-xl: 0 25px 65px rgba(0, 0, 0, 0.75);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.75);
  --shadow-glass: inset 0 1px 0 rgba(255, 255, 255, 0.08);

  /* Верхняя световая фаска (Top Edge Inset Highlight — Linear & Laws of UX) */
  --top-edge-highlight: inset 0 1px 0 0 rgba(255, 255, 255, 0.08);
  --top-edge-highlight-hover: inset 0 1px 0 0 rgba(255, 255, 255, 0.16);
  --top-edge-highlight-active: inset 0 1px 0 0 rgba(255, 255, 255, 0.24);

  /* Световой периметр карточек (Linear Light Perimeter · 4-стороннее 1px микро-кольцо) */
  --light-perimeter: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  --light-perimeter-hover: inset 0 0 0 1px rgba(255, 255, 255, 0.10);

  /* Канонические токены 1px Inset Box-Shadow для карточек и elevation-поверхностей */
  --shadow-card: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  --shadow-card-inset: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
  --shadow-card-hover: inset 0 0 0 1px rgba(255, 255, 255, 0.10), inset 0 1px 0 0 rgba(255, 255, 255, 0.16), 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-modal: inset 0 0 0 1px rgba(255, 255, 255, 0.08), inset 0 1px 0 0 rgba(255, 255, 255, 0.12), 0 20px 48px rgba(0, 0, 0, 0.65);

  --shadow-glow-violet: 0 0 24px rgba(124, 92, 255, 0.25);
  --glow-mcp: 0 0 40px rgba(124, 92, 255, 0.2);

  /* Семантические токены активных состояний (Dark Theme) */
  --nav-active-tx: var(--white);
  --nav-active-bg: rgba(124, 92, 255, 0.18);
  --nav-active-border: var(--violet);
  --chip-active-bg: var(--card2);
  --chip-active-tx: var(--tx);
  --badge-work-bg: rgba(56, 189, 248, 0.15);
  --badge-work-tx: var(--blue);
  --badge-work-border: rgba(56, 189, 248, 0.3);

  /* Семантические подложки и текст блоков кода (Dark Theme) */
  --bg-code: rgba(0, 0, 0, 0.4);
  --bg-code-alpha-30: rgba(0, 0, 0, 0.30);
  --bg-code-header: hsl(222, 47%, 9%);
  --border-code: var(--border-glass);
  --tx-code: var(--tx-pastel-green);

  /* ---------- 12. ДЛИТЕЛЬНОСТИ И ПЕРЕХОДЫ (TIMING & EASING) ---------- */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-active: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-capsule: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  --dur-instant: 0.01ms;
  --dur-active: 150ms;
  --dur-hover: 100ms;
  --dur-fast: 100ms;
  --dur-normal: 0.18s;
  --dur-med: var(--dur-normal);
  --dur-smooth: 0.22s;
  --dur-slow: 0.35s;
  --dur-spin: 0.6s;
  --dur-sonner: 1.2s;
  --dur-pulse: 2s;
  --dur-shimmer: 1.5s;
  --t-fast: var(--dur-fast);

  --transition-fast: all var(--dur-fast) cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: all var(--dur-normal) cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: all var(--dur-smooth) cubic-bezier(0.16, 1, 0.3, 1);

  /* ---------- 13. ШКАЛА СЛОЁВ (Z-INDEX SCALE) ---------- */
  --z-below: -1;
  --z-base: 1;
  --z-sticky: 50;
  --z-header: 100;
  --z-backdrop: 996;
  --z-drawer: 998;
  --z-burger: 1000;
  --z-modal-backdrop: 100000;
  --z-modal: 100001;
  --z-tooltip: 100005;
  --z-cmd: 100010;

  /* ---------- 14. ОБЛАСТИ НАЖАТИЯ И КАСАНИЯ (TOUCH TARGETS · WCAG 2.2 / APPLE HIG) ---------- */
  --touch-target-min: var(--sp-8);
  --touch-target-comfortable: var(--sp-10);
  --touch-target-touchable: var(--sp-11);

  /* ---------- 15. КОМПОНОВКА БОКОВОЙ ПАНЕЛИ (SIDE PANEL TOKENS) ---------- */
  --side-w-expanded: 240px;
  --side-w-collapsed: var(--sp-16);
  --side-anim-dur: var(--dur-smooth);
  --side-anim-ease: var(--ease-out);
  --side-focus-ring: var(--violet);
  --side-focus-offset: var(--sp-0-5);
  --bg-backdrop: var(--canvas-alpha-65);
  --bg-backdrop-light: var(--slate-900-alpha-40);

  /* ---------- 16. ТОКЕНЫ И ГРАДИЕНТЫ ДРУЖБЫ И СВЯЗЕЙ (FRIENDSHIP & BONDS) ---------- */
  --foreign-bg: var(--slate-800-alpha-70); --foreign-border: var(--slate-400-alpha-35);
  --foreign-tx: var(--tx3); --foreign-warn-border: var(--red-alpha-40); --foreign-warn-tx: var(--status-failed-border);

  /* ---------- 17. ТОКЕНЫ И ГРАДИЕНТЫ ЧЕЛОВЕЧНОСТИ (HUMANITY & STAGES 0..8) ---------- */
  --humanity-0-bg: linear-gradient(135deg, var(--slate-400-alpha-40) 0%, var(--slate-800-alpha-60) 100%);
  --humanity-0-glow: var(--slate-400-alpha-25);
  --humanity-0-fill: linear-gradient(90deg, var(--tx3), var(--text-muted));

  --humanity-1-bg: linear-gradient(135deg, var(--amber-alpha-35) 0%, var(--amber-alpha-50) 100%);
  --humanity-1-glow: var(--amber-alpha-30);
  --humanity-1-fill: linear-gradient(90deg, var(--amber-light), var(--amber-light));

  --humanity-2-bg: linear-gradient(135deg, var(--green-alpha-35) 0%, var(--emerald-alpha-50) 100%);
  --humanity-2-glow: var(--green-alpha-30);
  --humanity-2-fill: linear-gradient(90deg, var(--green-light), var(--green));

  --humanity-3-bg: linear-gradient(135deg, var(--amber-alpha-35) 0%, var(--amber-alpha-50) 100%);
  --humanity-3-glow: var(--amber-alpha-35);
  --humanity-3-fill: linear-gradient(90deg, var(--amber-light), var(--amber));

  --humanity-4-bg: linear-gradient(135deg, var(--blue-alpha-35) 0%, var(--blue-alpha-50) 100%);
  --humanity-4-glow: var(--blue-alpha-35);
  --humanity-4-fill: linear-gradient(90deg, var(--blue), var(--blue));

  --humanity-5-bg: linear-gradient(135deg, var(--teal-alpha-35) 0%, var(--teal-alpha-50) 100%);
  --humanity-5-glow: var(--teal-alpha-35);
  --humanity-5-fill: linear-gradient(90deg, var(--stage-5), var(--teal));

  --humanity-6-bg: linear-gradient(135deg, var(--indigo-alpha-35) 0%, var(--indigo-alpha-50) 100%);
  --humanity-6-glow: var(--violet-alpha-35);
  --humanity-6-fill: linear-gradient(90deg, var(--violet-dark), var(--violet));

  --humanity-7-bg: linear-gradient(135deg, var(--accent-primary-alpha-40) 0%, var(--red-alpha-55) 100%);
  --humanity-7-glow: var(--accent-primary-alpha-45);
  --humanity-7-fill: linear-gradient(90deg, var(--red), var(--stage-3), var(--stage-3));

  --humanity-8-bg: linear-gradient(135deg, var(--gold-alpha-40) 0%, var(--amber-alpha-55) 100%);
  --humanity-8-glow: var(--gold-alpha-50);
  --humanity-8-fill: linear-gradient(90deg, var(--amber), var(--amber), var(--tx-pastel-yellow));

  --humanity-native-bg: linear-gradient(135deg, var(--emerald-alpha-30) 0%, var(--blue-alpha-35) 100%);
  --humanity-native-glow: var(--emerald-alpha-40);
  --humanity-native-fill: linear-gradient(90deg, var(--green), var(--green), var(--blue));

  /* ---------- 18. ДИНАМИЧЕСКИЕ ПЕРЕМЕННЫЕ КОМПОНЕНТОВ И КУРСОРА ---------- */
  --accordion-height: auto;
  --content-height: auto;
  --radix-accordion-content-height: var(--accordion-height);
  --slider-pos: 50%;
  --mouse-x: 50%;
  --mouse-y: 50%;
  --origin-x: 50%;
  --origin-y: 50%;

  /* ---------- 19. ТОКЕНЫ СВЕТЛОЙ ТЕМЫ И КАРТОЧЕК ГРАЖДАН (WCAG AAA) ---------- */
  --tx3-light: hsl(215, 20%, 34%);
  --violet-lightmode: hsl(258, 90%, 40%); --violet-lightmode-light: hsl(258, 85%, 32%); --violet-lightmode-dark: hsl(263, 75%, 22%);
  --blue-lightmode: hsl(199, 90%, 24%); --blue-lightmode-light: hsl(199, 90%, 20%);
  --green-lightmode: hsl(142, 85%, 19%); --green-lightmode-light: hsl(142, 85%, 16%);
  --amber-lightmode: hsl(38, 95%, 22%); --amber-lightmode-light: hsl(38, 95%, 18%);
  --red-lightmode: hsl(0, 85%, 30%); --red-lightmode-light: hsl(0, 85%, 25%);
  --purple-lightmode: hsl(271, 85%, 30%); --purple-lightmode-light: hsl(271, 85%, 26%);
  --rose-lightmode: hsl(350, 85%, 30%); --rose-lightmode-light: hsl(350, 85%, 25%);
  --teal-lightmode: hsl(173, 85%, 18%); --teal-lightmode-light: hsl(173, 85%, 14%);
  --emerald-lightmode: hsl(160, 85%, 19%); --emerald-lightmode-light: hsl(160, 85%, 15%);
  --indigo-lightmode: hsl(238, 85%, 34%); --indigo-lightmode-light: hsl(238, 85%, 28%);
  --bg-code-light: hsl(204, 100%, 98%); --border-code-light: hsl(211, 32%, 87%); --tx-code-light: hsl(215, 38%, 22%); --bg-code-header-light: hsl(204, 60%, 95%);
  --slate-900-alpha-08: rgba(15, 23, 42, 0.08); --slate-900-alpha-12: rgba(15, 23, 42, 0.12);
  --indigo-focus: hsl(243, 75%, 59%); --indigo-dark: hsl(242, 47%, 34%); --indigo-darkest: hsl(244, 47%, 20%); --indigo-score: hsl(244, 55%, 41%);
  --purple-darkest: hsl(261, 73%, 23%); --amber-darkest: hsl(22, 78%, 26%); --slate-dark-tx: hsl(215, 19%, 17%);
  --blue-light-bg: hsl(214, 100%, 97%); --blue-light-border: hsl(213, 97%, 87%);
  --blue-light-tx: hsl(215, 81%, 25%);
  --green-light-bg: hsl(152, 81%, 96%); --green-light-border: hsl(152, 76%, 80%); --green-light-tx: hsl(164, 86%, 16%);
  --rose-light-bg: hsl(356, 100%, 97%); --rose-light-border: hsl(353, 96%, 90%); --rose-light-tx: hsl(352, 81%, 23%);
  --violet-light-bg: hsl(250, 100%, 98%); --violet-light-border: hsl(250, 95%, 92%);

}