{
  "_meta": {
    "source": "@feugene/granularity",
    "version": "1.1.1",
    "url": "https://granularity.tech/foundations/tokens"
  },
  "light": {
    "foundations-neutral-palette": {
      "slate-0": {
        "value": "#ffffff",
        "comment": "Нейтральный оттенок slate 0 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-50": {
        "value": "#f8fafc",
        "comment": "Нейтральный оттенок slate 50 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-100": {
        "value": "#f1f5f9",
        "comment": "Нейтральный оттенок slate 100 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-200": {
        "value": "#e2e8f0",
        "comment": "Нейтральный оттенок slate 200 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-300": {
        "value": "#cbd5e1",
        "comment": "Нейтральный оттенок slate 300 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-400": {
        "value": "#94a3b8",
        "comment": "Нейтральный оттенок slate 400 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-500": {
        "value": "#64748b",
        "comment": "Нейтральный оттенок slate 500 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-600": {
        "value": "#475569",
        "comment": "Нейтральный оттенок slate 600 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-700": {
        "value": "#334155",
        "comment": "Нейтральный оттенок slate 700 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-800": {
        "value": "#1e293b",
        "comment": "Нейтральный оттенок slate 800 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-900": {
        "value": "#0f172a",
        "comment": "Нейтральный оттенок slate 900 для базовой palette scale, поверхностей и бордеров."
      }
    },
    "typography-font-families": {
      "font-ui": {
        "value": "Inter, Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif",
        "comment": "Основной стек шрифта для интерфейсного текста и большинства компонентных подписей."
      },
      "font-mono": {
        "value": "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace",
        "comment": "Моноширинный стек для кода, числовых значений и технических подписей."
      }
    },
    "typography-font-sizes": {
      "text-2xs": {
        "value": "10px",
        "comment": "Размер шрифта `2xs` из типографической шкалы foundation tokens: подписи и служебные строки, которые не должны конкурировать с основным текстом."
      },
      "text-xs": {
        "value": "12px",
        "comment": "Размер шрифта `xs` из типографической шкалы foundation tokens."
      },
      "text-sm": {
        "value": "14px",
        "comment": "Размер шрифта `sm` из типографической шкалы foundation tokens."
      },
      "text-base": {
        "value": "16px",
        "comment": "Размер шрифта `base` из типографической шкалы foundation tokens."
      },
      "text-lg": {
        "value": "18px",
        "comment": "Размер шрифта `lg` из типографической шкалы foundation tokens."
      },
      "text-xl": {
        "value": "20px",
        "comment": "Размер шрифта `xl` из типографической шкалы foundation tokens."
      },
      "text-2xl": {
        "value": "24px",
        "comment": "Размер шрифта `2xl` из типографической шкалы foundation tokens."
      },
      "text-3xl": {
        "value": "30px",
        "comment": "Размер шрифта `3xl` из типографической шкалы foundation tokens."
      },
      "text-4xl": {
        "value": "36px",
        "comment": "Размер шрифта `4xl` из типографической шкалы foundation tokens."
      }
    },
    "typography-control-scale": {
      "control-text-3xs": {
        "value": "10px",
        "comment": "Кегль компонента на самой мелкой ступени — подпись колонки таблицы, служебная ссылка в списке файлов."
      },
      "control-text-2xs": {
        "value": "11px",
        "comment": "Кегль компонента на ступени между `3xs` и `xs`: мелкий бейдж, компактная подсказка, заголовок группы в палитре команд."
      },
      "control-text-xs": {
        "value": "12px",
        "comment": "Кегль компонента на ступени `xs`."
      },
      "control-text-sm": {
        "value": "13px",
        "comment": "Кегль компонента на ступени `sm`."
      },
      "control-text-md": {
        "value": "14px",
        "comment": "Кегль компонента на ступени `md` — значение по умолчанию."
      },
      "control-text-lg": {
        "value": "16px",
        "comment": "Кегль компонента на ступени `lg`."
      }
    },
    "typography-line-heights": {
      "leading-2xs": {
        "value": "0.875rem",
        "comment": "Межстрочный интервал ступени `2xs` — идёт в паре с `--gr-text-2xs`."
      },
      "leading-xs": {
        "value": "1rem",
        "comment": "Межстрочный интервал ступени `xs` — идёт в паре с `--gr-text-xs`."
      },
      "leading-sm": {
        "value": "1.25rem",
        "comment": "Межстрочный интервал ступени `sm` — идёт в паре с `--gr-text-sm`."
      },
      "leading-base": {
        "value": "1.5rem",
        "comment": "Межстрочный интервал ступени `base` — идёт в паре с `--gr-text-base`."
      },
      "leading-lg": {
        "value": "1.625rem",
        "comment": "Межстрочный интервал ступени `lg` — идёт в паре с `--gr-text-lg`."
      },
      "leading-xl": {
        "value": "1.75rem",
        "comment": "Межстрочный интервал ступени `xl` — идёт в паре с `--gr-text-xl`."
      },
      "leading-3xl": {
        "value": "2.25rem",
        "comment": "Межстрочный интервал ступени `3xl` — идёт в паре с `--gr-text-3xl`."
      },
      "control-leading-3xs": {
        "value": "14px",
        "comment": "Межстрочный интервал ступени `3xs` — идёт в паре с `--gr-control-text-3xs`."
      },
      "control-leading-2xs": {
        "value": "16px",
        "comment": "Межстрочный интервал ступени `2xs` — идёт в паре с `--gr-control-text-2xs`."
      },
      "control-leading-xs": {
        "value": "16px",
        "comment": "Межстрочный интервал ступени `xs` — идёт в паре с `--gr-control-text-xs`."
      },
      "control-leading-sm": {
        "value": "18px",
        "comment": "Межстрочный интервал ступени `sm` — идёт в паре с `--gr-control-text-sm`."
      },
      "control-leading-md": {
        "value": "20px",
        "comment": "Межстрочный интервал ступени `md` — идёт в паре с `--gr-control-text-md`."
      },
      "control-leading-lg": {
        "value": "24px",
        "comment": "Межстрочный интервал ступени `lg` — идёт в паре с `--gr-control-text-lg`."
      },
      "leading-tight": {
        "value": "1.25",
        "comment": "Коэффициент межстрочного интервала `tight` для текстовых блоков и подписей."
      },
      "leading-normal": {
        "value": "1.5",
        "comment": "Коэффициент межстрочного интервала `normal` для текстовых блоков и подписей."
      },
      "leading-relaxed": {
        "value": "1.625",
        "comment": "Коэффициент межстрочного интервала `relaxed` для текстовых блоков и подписей."
      }
    },
    "typography-font-weights": {
      "font-regular": {
        "value": "400",
        "comment": "Вес шрифта `regular` для типографической иерархии интерфейса."
      },
      "font-medium": {
        "value": "500",
        "comment": "Вес шрифта `medium` для типографической иерархии интерфейса."
      },
      "font-semibold": {
        "value": "600",
        "comment": "Вес шрифта `semibold` для типографической иерархии интерфейса."
      },
      "font-bold": {
        "value": "700",
        "comment": "Вес шрифта `bold` для типографической иерархии интерфейса."
      }
    },
    "layout-spacing-scale": {
      "space-0": {
        "value": "0px",
        "comment": "Шаг spacing scale `0` для отступов, gap и внутренних paddings."
      },
      "space-1": {
        "value": "4px",
        "comment": "Шаг spacing scale `1` для отступов, gap и внутренних paddings."
      },
      "space-2": {
        "value": "8px",
        "comment": "Шаг spacing scale `2` для отступов, gap и внутренних paddings."
      },
      "space-3": {
        "value": "12px",
        "comment": "Шаг spacing scale `3` для отступов, gap и внутренних paddings."
      },
      "space-4": {
        "value": "16px",
        "comment": "Шаг spacing scale `4` для отступов, gap и внутренних paddings."
      },
      "space-5": {
        "value": "20px",
        "comment": "Шаг spacing scale `5` для отступов, gap и внутренних paddings."
      },
      "space-6": {
        "value": "24px",
        "comment": "Шаг spacing scale `6` для отступов, gap и внутренних paddings."
      },
      "space-8": {
        "value": "32px",
        "comment": "Шаг spacing scale `8` для отступов, gap и внутренних paddings."
      },
      "space-10": {
        "value": "40px",
        "comment": "Шаг spacing scale `10` для отступов, gap и внутренних paddings."
      },
      "space-12": {
        "value": "48px",
        "comment": "Шаг spacing scale `12` для отступов, gap и внутренних paddings."
      },
      "space-16": {
        "value": "64px",
        "comment": "Шаг spacing scale `16` для отступов, gap и внутренних paddings."
      },
      "space-20": {
        "value": "80px",
        "comment": "Шаг spacing scale `20` для отступов, gap и внутренних paddings."
      },
      "space-24": {
        "value": "96px",
        "comment": "Шаг spacing scale `24` для отступов, gap и внутренних paddings."
      },
      "space-32": {
        "value": "128px",
        "comment": "Шаг spacing scale `32` для отступов, gap и внутренних paddings."
      },
      "space-40": {
        "value": "160px",
        "comment": "Шаг spacing scale `40` для отступов, gap и внутренних paddings."
      },
      "space-48": {
        "value": "192px",
        "comment": "Шаг spacing scale `48` для отступов, gap и внутренних paddings."
      },
      "space-64": {
        "value": "256px",
        "comment": "Шаг spacing scale `64` для отступов, gap и внутренних paddings."
      }
    },
    "layout-containers": {
      "container-max": {
        "value": "1280px",
        "comment": "Максимальная ширина layout-контейнера для контентных страниц и shell-структур."
      },
      "container-max-2xl": {
        "value": "1440px",
        "comment": "Максимальная ширина layout-контейнера для контентных страниц и shell-структур."
      },
      "container-padding-mobile": {
        "value": "16px",
        "comment": "Горизонтальный контейнерный отступ для соответствующего breakpoint-сценария."
      },
      "container-padding-tablet": {
        "value": "24px",
        "comment": "Горизонтальный контейнерный отступ для соответствующего breakpoint-сценария."
      },
      "container-padding-desktop": {
        "value": "32px",
        "comment": "Горизонтальный контейнерный отступ для соответствующего breakpoint-сценария."
      }
    },
    "layout-breakpoints": {
      "bp-sm": {
        "value": "640px",
        "comment": "Foundation breakpoint `sm` для адаптивных layout-решений."
      },
      "bp-md": {
        "value": "768px",
        "comment": "Foundation breakpoint `md` для адаптивных layout-решений."
      },
      "bp-lg": {
        "value": "1024px",
        "comment": "Foundation breakpoint `lg` для адаптивных layout-решений."
      },
      "bp-xl": {
        "value": "1280px",
        "comment": "Foundation breakpoint `xl` для адаптивных layout-решений."
      },
      "bp-2xl": {
        "value": "1536px",
        "comment": "Foundation breakpoint `2xl` для адаптивных layout-решений."
      }
    },
    "iconography-icon-sizes": {
      "icon-size-xs": {
        "value": "14px",
        "comment": "Размер иконки `xs` — рядом с текстом `xs`/`sm`."
      },
      "icon-size-sm": {
        "value": "16px",
        "comment": "Размер иконки `sm` — в компактных кнопках и строках списка."
      },
      "icon-size-md": {
        "value": "18px",
        "comment": "Размер иконки `md` — значение по умолчанию."
      },
      "icon-size-lg": {
        "value": "20px",
        "comment": "Размер иконки `lg` — в крупных кнопках и заголовках."
      }
    },
    "shapes-radii-and-compatibility-aliases": {
      "--radius": {
        "value": "0.5rem",
        "comment": "Совместимый alias базового радиуса для интеграций, ожидающих shadcn-style token contract."
      },
      "radius-none": {
        "value": "0px",
        "comment": "Радиус скругления `none` для углов компонентов и поверхностей."
      },
      "radius-xs": {
        "value": "3px",
        "comment": "Радиус скругления `xs` — микроэлементы: подсветка совпадения в поиске, кнопка очистки внутри контрола."
      },
      "radius-sm": {
        "value": "4px",
        "comment": "Радиус скругления `sm` для углов компонентов и поверхностей."
      },
      "radius-control": {
        "value": "6px",
        "comment": "Радиус контрола и мелкой интерактивной детали внутри него: оболочка поля, чип, кнопка-крестик, фокус-кольцо ссылки, тултип слайдера."
      },
      "radius-md": {
        "value": "8px",
        "comment": "Радиус скругления `md` для углов компонентов и поверхностей."
      },
      "radius-lg": {
        "value": "12px",
        "comment": "Радиус скругления `lg` для углов компонентов и поверхностей."
      },
      "radius-xl": {
        "value": "16px",
        "comment": "Радиус скругления `xl` для углов компонентов и поверхностей."
      },
      "radius-full": {
        "value": "9999px",
        "comment": "Радиус скругления `full` для углов компонентов и поверхностей."
      }
    },
    "elevation": {
      "shadow-0": {
        "value": "none",
        "comment": "Уровень elevation `0` для карточек, popover-слоёв и акцентных поверхностей."
      },
      "shadow-1": {
        "value": "0 1px 2px rgba(15, 23, 42, 0.08)",
        "comment": "Уровень elevation `1`. Синеватая полупрозрачная тень читается на светлом фоне мягче чёрной."
      },
      "shadow-2": {
        "value": "0 8px 24px rgba(15, 23, 42, 0.14)",
        "comment": "Уровень elevation `2` для всплывающих слоёв."
      },
      "shadow-3": {
        "value": "0 16px 48px rgba(15, 23, 42, 0.20)",
        "comment": "Уровень elevation `3` для модальных слоёв."
      }
    },
    "motion": {
      "duration-fast": {
        "value": "150ms",
        "comment": "Базовая длительность анимации `fast` для transitions и state changes."
      },
      "duration-base": {
        "value": "200ms",
        "comment": "Базовая длительность анимации `base` для transitions и state changes."
      },
      "duration-slow": {
        "value": "300ms",
        "comment": "Базовая длительность анимации `slow` для transitions и state changes."
      },
      "ease-out": {
        "value": "cubic-bezier(0.16, 1, 0.3, 1)",
        "comment": "Кривая ускорения `out` для motion-паттернов дизайн-системы."
      },
      "ease-in": {
        "value": "cubic-bezier(0.7, 0, 0.84, 0)",
        "comment": "Кривая ускорения `in` для motion-паттернов дизайн-системы."
      }
    },
    "layering-z-index-scale": {
      "z-bottom-nav": {
        "value": "850",
        "comment": "Нижняя навигация приложения. Самый низкий слой шкалы: панель прижата к нижней кромке и обязана уходить под открытую выпадашку, тултип и модалку."
      },
      "z-navbar": {
        "value": "900",
        "comment": "Прилипшая шапка приложения. Ниже якорных панелей: шапка перекрывает контент, но не выпадашки, тултипы и модалки."
      },
      "z-dropdown": {
        "value": "1000",
        "comment": "Слой якорных floating-панелей: dropdown, select, tree-select."
      },
      "z-tooltip": {
        "value": "1050",
        "comment": "Слой тултипов — выше floating-панелей, ниже модалок."
      },
      "z-modal": {
        "value": "1100",
        "comment": "Слой модальных окон и диалогов."
      },
      "z-loading": {
        "value": "1150",
        "comment": "Слой полноэкранного оверлея загрузки: выше модалок, потому что блокирует всё приложение целиком, но ниже тостов."
      },
      "z-toast": {
        "value": "1200",
        "comment": "Слой тостов — единственный, обязанный быть виден поверх всего, включая открытые модалки."
      }
    },
    "surface-roles": {
      "bg": {
        "value": "#f8fafc",
        "comment": "Базовый фон приложения и крупных layout-поверхностей текущей темы."
      },
      "fg": {
        "value": "#0f172a",
        "comment": "Основной цвет текста и иконок поверх базового фона текущей темы."
      },
      "card": {
        "value": "#ffffff",
        "comment": "Фон карточек, панелей и других поднятых поверхностей."
      },
      "card-fg": {
        "value": "#0f172a",
        "comment": "Цвет контента внутри карточек и raised surface-блоков."
      },
      "popover": {
        "value": "#ffffff",
        "comment": "Фон popover-, dropdown- и overlay-поверхностей."
      },
      "popover-fg": {
        "value": "#0f172a",
        "comment": "Цвет текста и иконок внутри popover-слоёв."
      },
      "muted": {
        "value": "#f1f5f9",
        "comment": "Приглушённая поверхность для вторичных блоков, плашек и заполнений."
      },
      "muted-fg": {
        "value": "#556275",
        "comment": "Вторичный текстовый цвет для helper-копии и менее важных подписей."
      },
      "secondary": {
        "value": "#e2e8f0",
        "comment": "Нейтральная secondary action/surface-подложка без сильного бренд-акцента."
      },
      "secondary-fg": {
        "value": "#1e293b",
        "comment": "Контрастный текст для secondary-кнопок и поверхностей."
      },
      "overlay-bg": {
        "value": "rgb(15 23 42 / 0.45)",
        "comment": "Подложка модальных слоёв (модалка, drawer): затемняет страницу, оставляя её узнаваемой."
      },
      "brd": {
        "value": "#e2e8f0",
        "comment": "Базовый цвет бордеров и разделителей текущей темы."
      },
      "input": {
        "value": "#e2e8f0",
        "comment": "Цвет рамки и фона input-like контролов в состоянии покоя."
      },
      "control-brd": {
        "value": "#64748b",
        "comment": "Граница переключаемого контрола в покое — коробки чекбокса, кружка радио, дорожки выключенного переключателя. Держит 3:1 к странице, карточке и `--gr-muted` (WCAG 1.4.11): у такого контрола граница — единственное, по чему его видно."
      },
      "ring": {
        "value": "#6366f1",
        "comment": "Цвет focus-ring и акцентного outline для интерактивных компонентов."
      }
    },
    "state-roles": {
      "disabled-bg": {
        "value": "#f1f5f9",
        "comment": "Фон недоступного контрола: гасит его поверхностью, а не прозрачностью — `opacity` разбавляет выверенные на AA токены текста."
      },
      "disabled-fg": {
        "value": "#94a3b8",
        "comment": "Цвет текста и иконок недоступного контрола."
      },
      "disabled-brd": {
        "value": "#e2e8f0",
        "comment": "Цвет рамки недоступного контрола."
      },
      "invalid-brd": {
        "value": "#dc2626",
        "comment": "Цвет рамки контрола, не прошедшего валидацию."
      },
      "invalid-ring": {
        "value": "#dc2626",
        "comment": "Цвет focus-ring контрола, не прошедшего валидацию."
      },
      "invalid-text": {
        "value": "#991b1b",
        "comment": "Цвет текста ошибки и метки обязательного поля."
      }
    },
    "action-roles": {
      "primary": {
        "value": "#4f46e5",
        "comment": "Главный brand/action цвет темы для primary CTA и ключевых акцентов."
      },
      "primary-fg": {
        "value": "#ffffff",
        "comment": "Контрастный текст и иконки поверх primary-заливки."
      },
      "accent": {
        "value": "#eef2ff",
        "comment": "Мягкая акцентная поверхность для selected/hovered областей и подсветок."
      },
      "accent-fg": {
        "value": "#3730a3",
        "comment": "Цвет текста поверх accent-подложек."
      }
    },
    "status-roles": {
      "success": {
        "value": "#10b981",
        "comment": "Основной semantic success-цвет для статусов, бейджей и уведомлений."
      },
      "success-light": {
        "value": "#d1fae5",
        "comment": "Облегчённая success-подложка для мягких статусов и подсветок."
      },
      "success-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх success-заливки."
      },
      "primary-text": {
        "value": "#3730a3",
        "comment": "Основной тон как ЦВЕТ ТЕКСТА на фоне страницы: насыщенный `--gr-primary` под текст не рассчитан и не проходит по контрасту."
      },
      "success-text": {
        "value": "#065f46",
        "comment": "Текстовый оттенок для success-сообщений на светлой подложке."
      },
      "warning": {
        "value": "#f97316",
        "comment": "Основной semantic warning-цвет для предупреждений и промежуточных статусов."
      },
      "warning-light": {
        "value": "#ffedd5",
        "comment": "Облегчённая warning-подложка для мягких warning-состояний."
      },
      "warning-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх warning-заливки."
      },
      "warning-text": {
        "value": "#7c2d12",
        "comment": "Текстовый оттенок для warning-сообщений на мягкой warning-подложке."
      },
      "danger": {
        "value": "#dc2626",
        "comment": "Semantic danger-цвет для ошибок, рисков и критических сообщений."
      },
      "danger-light": {
        "value": "#fee2e2",
        "comment": "Облегчённая danger-подложка для мягких error-состояний."
      },
      "danger-fg": {
        "value": "#ffffff",
        "comment": "Контрастный текст и иконки поверх danger-заливки."
      },
      "danger-text": {
        "value": "#991b1b",
        "comment": "Текстовый оттенок для error-сообщений на мягкой danger-подложке."
      },
      "info": {
        "value": "#2563eb",
        "comment": "Semantic info-цвет для нейтральных уведомлений и информационных акцентов."
      },
      "info-light": {
        "value": "#dbeafe",
        "comment": "Облегчённая info-подложка для спокойных информационных блоков."
      },
      "info-fg": {
        "value": "#ffffff",
        "comment": "Контрастный текст и иконки поверх info-заливки."
      },
      "info-text": {
        "value": "#1e40af",
        "comment": "Текстовый оттенок для спокойных info-сообщений и подсказок."
      },
      "slate": {
        "value": "#475569",
        "comment": "Нейтральный semantic slate-цвет для subdued индикаторов и secondary статусов."
      },
      "slate-light": {
        "value": "#e2e8f0",
        "comment": "Облегчённая slate-подложка для мягких нейтральных состояний."
      },
      "slate-fg": {
        "value": "#ffffff",
        "comment": "Контрастный текст и иконки поверх slate-заливки."
      },
      "slate-text": {
        "value": "#334155",
        "comment": "Текстовый оттенок для нейтральных slate-сообщений и плашек."
      },
      "azure": {
        "value": "#0077b6",
        "comment": "Semantic azure-цвет для информационных акцентов и вспомогательных статусов."
      },
      "azure-light": {
        "value": "#e0f2fe",
        "comment": "Облегчённая azure-подложка для мягких informational поверхностей."
      },
      "azure-fg": {
        "value": "#ffffff",
        "comment": "Контрастный текст и иконки поверх azure-заливки."
      },
      "azure-text": {
        "value": "#075985",
        "comment": "Текстовый оттенок для azure-плашек и спокойных informational блоков."
      }
    },
    "solid-fill-roles": {
      "primary-solid": {
        "value": "#4f46e5",
        "comment": "Сплошная заливка кнопочного веса тона `primary`."
      },
      "primary-solid-hover": {
        "value": "#4a42d6",
        "comment": "Заливка `--gr-primary-solid` под курсором."
      },
      "primary-solid-active": {
        "value": "#453ec7",
        "comment": "Заливка `--gr-primary-solid` в момент нажатия."
      },
      "primary-solid-fg": {
        "value": "#ffffff",
        "comment": "Текст и иконки на заливке `--gr-primary-solid`."
      },
      "success-solid": {
        "value": "#047857",
        "comment": "Сплошная заливка кнопочного веса тона `success`."
      },
      "success-solid-hover": {
        "value": "#036c4d",
        "comment": "Заливка `--gr-success-solid` под курсором."
      },
      "success-solid-active": {
        "value": "#025f44",
        "comment": "Заливка `--gr-success-solid` в момент нажатия."
      },
      "success-solid-fg": {
        "value": "#ffffff",
        "comment": "Текст и иконки на заливке `--gr-success-solid`."
      },
      "warning-solid": {
        "value": "#c2410c",
        "comment": "Сплошная заливка кнопочного веса тона `warning`."
      },
      "warning-solid-hover": {
        "value": "#b53b0a",
        "comment": "Заливка `--gr-warning-solid` под курсором."
      },
      "warning-solid-active": {
        "value": "#9f3307",
        "comment": "Заливка `--gr-warning-solid` в момент нажатия."
      },
      "warning-solid-fg": {
        "value": "#ffffff",
        "comment": "Текст и иконки на заливке `--gr-warning-solid`."
      },
      "danger-solid": {
        "value": "#dc2626",
        "comment": "Сплошная заливка кнопочного веса тона `danger`."
      },
      "danger-solid-hover": {
        "value": "#cc2526",
        "comment": "Заливка `--gr-danger-solid` под курсором."
      },
      "danger-solid-active": {
        "value": "#bb2427",
        "comment": "Заливка `--gr-danger-solid` в момент нажатия."
      },
      "danger-solid-fg": {
        "value": "#ffffff",
        "comment": "Текст и иконки на заливке `--gr-danger-solid`."
      },
      "info-solid": {
        "value": "#2563eb",
        "comment": "Сплошная заливка кнопочного веса тона `info`."
      },
      "info-solid-hover": {
        "value": "#235ddc",
        "comment": "Заливка `--gr-info-solid` под курсором."
      },
      "info-solid-active": {
        "value": "#2157cc",
        "comment": "Заливка `--gr-info-solid` в момент нажатия."
      },
      "info-solid-fg": {
        "value": "#ffffff",
        "comment": "Текст и иконки на заливке `--gr-info-solid`."
      },
      "slate-solid": {
        "value": "#475569",
        "comment": "Сплошная заливка кнопочного веса тона `slate`."
      },
      "slate-solid-hover": {
        "value": "#435064",
        "comment": "Заливка `--gr-slate-solid` под курсором."
      },
      "slate-solid-active": {
        "value": "#3e4b5f",
        "comment": "Заливка `--gr-slate-solid` в момент нажатия."
      },
      "slate-solid-fg": {
        "value": "#ffffff",
        "comment": "Текст и иконки на заливке `--gr-slate-solid`."
      },
      "azure-solid": {
        "value": "#0369a1",
        "comment": "Сплошная заливка кнопочного веса тона `azure`."
      },
      "azure-solid-hover": {
        "value": "#075985",
        "comment": "Заливка `--gr-azure-solid` под курсором."
      },
      "azure-solid-active": {
        "value": "#0c4a6e",
        "comment": "Заливка `--gr-azure-solid` в момент нажатия."
      },
      "azure-solid-fg": {
        "value": "#ffffff",
        "comment": "Текст и иконки на заливке `--gr-azure-solid`."
      }
    },
    "data-visualization-roles": {
      "chart-1": {
        "value": "#4f46e5",
        "comment": "Первый цвет серии для графиков и data-visualization элементов."
      },
      "chart-2": {
        "value": "#059669",
        "comment": "Второй цвет серии для графиков и data-visualization элементов."
      },
      "chart-3": {
        "value": "#ea580c",
        "comment": "Третий цвет серии для графиков и data-visualization элементов."
      },
      "chart-4": {
        "value": "#0284c7",
        "comment": "Четвёртый цвет серии для графиков и data-visualization элементов."
      },
      "chart-5": {
        "value": "#db2777",
        "comment": "Пятый цвет серии для графиков и data-visualization элементов."
      }
    },
    "navigation-roles": {
      "sidebar": {
        "value": "#ffffff",
        "comment": "Фон sidebar/navigation rail области текущей темы."
      },
      "sidebar-fg": {
        "value": "#0f172a",
        "comment": "Основной текст и иконки внутри sidebar."
      },
      "sidebar-primary": {
        "value": "#4f46e5",
        "comment": "Акцентный цвет активных/ключевых элементов внутри sidebar."
      },
      "sidebar-primary-fg": {
        "value": "#ffffff",
        "comment": "Контрастный текст поверх sidebar primary-акцентов."
      },
      "sidebar-accent": {
        "value": "#f1f5f9",
        "comment": "Мягкий accent-фон для hover/selected состояний в sidebar."
      },
      "sidebar-accent-fg": {
        "value": "#1e293b",
        "comment": "Цвет текста поверх sidebar accent-подложек."
      },
      "sidebar-brd": {
        "value": "#e2e8f0",
        "comment": "Бордеры и разделители sidebar-области."
      },
      "sidebar-ring": {
        "value": "#6366f1",
        "comment": "Focus-ring для интерактивных элементов внутри sidebar."
      }
    },
    "derived-interaction-formulas-action-roles": {
      "primary-hover": {
        "value": "#4a42d6",
        "comment": "Hover-состояние primary action: подмес `--gr-fg` 8% в `--gr-primary`."
      },
      "primary-active": {
        "value": "#453ec7",
        "comment": "Active-состояние primary action: подмес `--gr-fg` 16% в `--gr-primary`."
      },
      "secondary-hover": {
        "value": "#d1d7e0",
        "comment": "Hover-состояние secondary action: подмес `--gr-fg` 8% в `--gr-secondary`."
      },
      "secondary-active": {
        "value": "#c0c7d0",
        "comment": "Active-состояние secondary action: подмес `--gr-fg` 16% в `--gr-secondary`."
      },
      "brd-hover": {
        "value": "#a3a9b5",
        "comment": "Hover-состояние бордеров и outline-элементов: подмес `--gr-fg` 30% в `--gr-brd`."
      },
      "brd-active": {
        "value": "#838a97",
        "comment": "Active-состояние бордеров и outline-элементов: подмес `--gr-fg` 45% в `--gr-brd`."
      }
    },
    "derived-interaction-formulas-status-roles": {
      "success-hover": {
        "value": "#10ac7a",
        "comment": "Hover-состояние success-ролей: подмес `--gr-fg` 8% в `--gr-success`."
      },
      "success-active": {
        "value": "#109f73",
        "comment": "Active-состояние success-ролей: подмес `--gr-fg` 16% в `--gr-success`."
      },
      "warning-hover": {
        "value": "#e66c18",
        "comment": "Hover-состояние warning-ролей: подмес `--gr-fg` 8% в `--gr-warning`."
      },
      "warning-active": {
        "value": "#d46419",
        "comment": "Active-состояние warning-ролей: подмес `--gr-fg` 16% в `--gr-warning`."
      },
      "danger-hover": {
        "value": "#cc2526",
        "comment": "Hover-состояние danger-ролей: подмес `--gr-fg` 8% в `--gr-danger`."
      },
      "danger-active": {
        "value": "#bb2427",
        "comment": "Active-состояние danger-ролей: подмес `--gr-fg` 16% в `--gr-danger`."
      },
      "info-hover": {
        "value": "#235ddc",
        "comment": "Hover-состояние info-ролей: подмес `--gr-fg` 8% в `--gr-info`."
      },
      "info-active": {
        "value": "#2157cc",
        "comment": "Active-состояние info-ролей: подмес `--gr-fg` 16% в `--gr-info`."
      },
      "slate-hover": {
        "value": "#435064",
        "comment": "Hover-состояние slate-ролей: подмес `--gr-fg` 8% в `--gr-slate`."
      },
      "slate-active": {
        "value": "#3e4b5f",
        "comment": "Active-состояние slate-ролей: подмес `--gr-fg` 16% в `--gr-slate`."
      },
      "azure-hover": {
        "value": "#016fab",
        "comment": "Hover-состояние azure-ролей: подмес `--gr-fg` 8% в `--gr-azure`."
      },
      "azure-active": {
        "value": "#0268a0",
        "comment": "Active-состояние azure-ролей: подмес `--gr-fg` 16% в `--gr-azure`."
      }
    }
  },
  "dark": {
    "foundations-neutral-palette": {
      "slate-0": {
        "value": "#ffffff",
        "comment": "Нейтральный оттенок slate 0 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-50": {
        "value": "#f8fafc",
        "comment": "Нейтральный оттенок slate 50 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-100": {
        "value": "#f1f5f9",
        "comment": "Нейтральный оттенок slate 100 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-200": {
        "value": "#e2e8f0",
        "comment": "Нейтральный оттенок slate 200 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-300": {
        "value": "#cbd5e1",
        "comment": "Нейтральный оттенок slate 300 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-400": {
        "value": "#94a3b8",
        "comment": "Нейтральный оттенок slate 400 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-500": {
        "value": "#64748b",
        "comment": "Нейтральный оттенок slate 500 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-600": {
        "value": "#475569",
        "comment": "Нейтральный оттенок slate 600 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-700": {
        "value": "#334155",
        "comment": "Нейтральный оттенок slate 700 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-800": {
        "value": "#1e293b",
        "comment": "Нейтральный оттенок slate 800 для базовой palette scale, поверхностей и бордеров."
      },
      "slate-900": {
        "value": "#0f172a",
        "comment": "Нейтральный оттенок slate 900 для базовой palette scale, поверхностей и бордеров."
      }
    },
    "typography-font-families": {
      "font-ui": {
        "value": "Inter, Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif",
        "comment": "Основной стек шрифта для интерфейсного текста и большинства компонентных подписей."
      },
      "font-mono": {
        "value": "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace",
        "comment": "Моноширинный стек для кода, числовых значений и технических подписей."
      }
    },
    "typography-font-sizes": {
      "text-2xs": {
        "value": "10px",
        "comment": "Размер шрифта `2xs` из типографической шкалы foundation tokens: подписи и служебные строки, которые не должны конкурировать с основным текстом."
      },
      "text-xs": {
        "value": "12px",
        "comment": "Размер шрифта `xs` из типографической шкалы foundation tokens."
      },
      "text-sm": {
        "value": "14px",
        "comment": "Размер шрифта `sm` из типографической шкалы foundation tokens."
      },
      "text-base": {
        "value": "16px",
        "comment": "Размер шрифта `base` из типографической шкалы foundation tokens."
      },
      "text-lg": {
        "value": "18px",
        "comment": "Размер шрифта `lg` из типографической шкалы foundation tokens."
      },
      "text-xl": {
        "value": "20px",
        "comment": "Размер шрифта `xl` из типографической шкалы foundation tokens."
      },
      "text-2xl": {
        "value": "24px",
        "comment": "Размер шрифта `2xl` из типографической шкалы foundation tokens."
      },
      "text-3xl": {
        "value": "30px",
        "comment": "Размер шрифта `3xl` из типографической шкалы foundation tokens."
      },
      "text-4xl": {
        "value": "36px",
        "comment": "Размер шрифта `4xl` из типографической шкалы foundation tokens."
      }
    },
    "typography-control-scale": {
      "control-text-3xs": {
        "value": "10px",
        "comment": "Кегль компонента на самой мелкой ступени — подпись колонки таблицы, служебная ссылка в списке файлов."
      },
      "control-text-2xs": {
        "value": "11px",
        "comment": "Кегль компонента на ступени между `3xs` и `xs`: мелкий бейдж, компактная подсказка, заголовок группы в палитре команд."
      },
      "control-text-xs": {
        "value": "12px",
        "comment": "Кегль компонента на ступени `xs`."
      },
      "control-text-sm": {
        "value": "13px",
        "comment": "Кегль компонента на ступени `sm`."
      },
      "control-text-md": {
        "value": "14px",
        "comment": "Кегль компонента на ступени `md` — значение по умолчанию."
      },
      "control-text-lg": {
        "value": "16px",
        "comment": "Кегль компонента на ступени `lg`."
      }
    },
    "typography-line-heights": {
      "leading-2xs": {
        "value": "0.875rem",
        "comment": "Межстрочный интервал ступени `2xs` — идёт в паре с `--gr-text-2xs`."
      },
      "leading-xs": {
        "value": "1rem",
        "comment": "Межстрочный интервал ступени `xs` — идёт в паре с `--gr-text-xs`."
      },
      "leading-sm": {
        "value": "1.25rem",
        "comment": "Межстрочный интервал ступени `sm` — идёт в паре с `--gr-text-sm`."
      },
      "leading-base": {
        "value": "1.5rem",
        "comment": "Межстрочный интервал ступени `base` — идёт в паре с `--gr-text-base`."
      },
      "leading-lg": {
        "value": "1.625rem",
        "comment": "Межстрочный интервал ступени `lg` — идёт в паре с `--gr-text-lg`."
      },
      "leading-xl": {
        "value": "1.75rem",
        "comment": "Межстрочный интервал ступени `xl` — идёт в паре с `--gr-text-xl`."
      },
      "leading-3xl": {
        "value": "2.25rem",
        "comment": "Межстрочный интервал ступени `3xl` — идёт в паре с `--gr-text-3xl`."
      },
      "control-leading-3xs": {
        "value": "14px",
        "comment": "Межстрочный интервал ступени `3xs` — идёт в паре с `--gr-control-text-3xs`."
      },
      "control-leading-2xs": {
        "value": "16px",
        "comment": "Межстрочный интервал ступени `2xs` — идёт в паре с `--gr-control-text-2xs`."
      },
      "control-leading-xs": {
        "value": "16px",
        "comment": "Межстрочный интервал ступени `xs` — идёт в паре с `--gr-control-text-xs`."
      },
      "control-leading-sm": {
        "value": "18px",
        "comment": "Межстрочный интервал ступени `sm` — идёт в паре с `--gr-control-text-sm`."
      },
      "control-leading-md": {
        "value": "20px",
        "comment": "Межстрочный интервал ступени `md` — идёт в паре с `--gr-control-text-md`."
      },
      "control-leading-lg": {
        "value": "24px",
        "comment": "Межстрочный интервал ступени `lg` — идёт в паре с `--gr-control-text-lg`."
      },
      "leading-tight": {
        "value": "1.25",
        "comment": "Коэффициент межстрочного интервала `tight` для текстовых блоков и подписей."
      },
      "leading-normal": {
        "value": "1.5",
        "comment": "Коэффициент межстрочного интервала `normal` для текстовых блоков и подписей."
      },
      "leading-relaxed": {
        "value": "1.625",
        "comment": "Коэффициент межстрочного интервала `relaxed` для текстовых блоков и подписей."
      }
    },
    "typography-font-weights": {
      "font-regular": {
        "value": "400",
        "comment": "Вес шрифта `regular` для типографической иерархии интерфейса."
      },
      "font-medium": {
        "value": "500",
        "comment": "Вес шрифта `medium` для типографической иерархии интерфейса."
      },
      "font-semibold": {
        "value": "600",
        "comment": "Вес шрифта `semibold` для типографической иерархии интерфейса."
      },
      "font-bold": {
        "value": "700",
        "comment": "Вес шрифта `bold` для типографической иерархии интерфейса."
      }
    },
    "layout-spacing-scale": {
      "space-0": {
        "value": "0px",
        "comment": "Шаг spacing scale `0` для отступов, gap и внутренних paddings."
      },
      "space-1": {
        "value": "4px",
        "comment": "Шаг spacing scale `1` для отступов, gap и внутренних paddings."
      },
      "space-2": {
        "value": "8px",
        "comment": "Шаг spacing scale `2` для отступов, gap и внутренних paddings."
      },
      "space-3": {
        "value": "12px",
        "comment": "Шаг spacing scale `3` для отступов, gap и внутренних paddings."
      },
      "space-4": {
        "value": "16px",
        "comment": "Шаг spacing scale `4` для отступов, gap и внутренних paddings."
      },
      "space-5": {
        "value": "20px",
        "comment": "Шаг spacing scale `5` для отступов, gap и внутренних paddings."
      },
      "space-6": {
        "value": "24px",
        "comment": "Шаг spacing scale `6` для отступов, gap и внутренних paddings."
      },
      "space-8": {
        "value": "32px",
        "comment": "Шаг spacing scale `8` для отступов, gap и внутренних paddings."
      },
      "space-10": {
        "value": "40px",
        "comment": "Шаг spacing scale `10` для отступов, gap и внутренних paddings."
      },
      "space-12": {
        "value": "48px",
        "comment": "Шаг spacing scale `12` для отступов, gap и внутренних paddings."
      },
      "space-16": {
        "value": "64px",
        "comment": "Шаг spacing scale `16` для отступов, gap и внутренних paddings."
      },
      "space-20": {
        "value": "80px",
        "comment": "Шаг spacing scale `20` для отступов, gap и внутренних paddings."
      },
      "space-24": {
        "value": "96px",
        "comment": "Шаг spacing scale `24` для отступов, gap и внутренних paddings."
      },
      "space-32": {
        "value": "128px",
        "comment": "Шаг spacing scale `32` для отступов, gap и внутренних paddings."
      },
      "space-40": {
        "value": "160px",
        "comment": "Шаг spacing scale `40` для отступов, gap и внутренних paddings."
      },
      "space-48": {
        "value": "192px",
        "comment": "Шаг spacing scale `48` для отступов, gap и внутренних paddings."
      },
      "space-64": {
        "value": "256px",
        "comment": "Шаг spacing scale `64` для отступов, gap и внутренних paddings."
      }
    },
    "layout-containers": {
      "container-max": {
        "value": "1280px",
        "comment": "Максимальная ширина layout-контейнера для контентных страниц и shell-структур."
      },
      "container-max-2xl": {
        "value": "1440px",
        "comment": "Максимальная ширина layout-контейнера для контентных страниц и shell-структур."
      },
      "container-padding-mobile": {
        "value": "16px",
        "comment": "Горизонтальный контейнерный отступ для соответствующего breakpoint-сценария."
      },
      "container-padding-tablet": {
        "value": "24px",
        "comment": "Горизонтальный контейнерный отступ для соответствующего breakpoint-сценария."
      },
      "container-padding-desktop": {
        "value": "32px",
        "comment": "Горизонтальный контейнерный отступ для соответствующего breakpoint-сценария."
      }
    },
    "layout-breakpoints": {
      "bp-sm": {
        "value": "640px",
        "comment": "Foundation breakpoint `sm` для адаптивных layout-решений."
      },
      "bp-md": {
        "value": "768px",
        "comment": "Foundation breakpoint `md` для адаптивных layout-решений."
      },
      "bp-lg": {
        "value": "1024px",
        "comment": "Foundation breakpoint `lg` для адаптивных layout-решений."
      },
      "bp-xl": {
        "value": "1280px",
        "comment": "Foundation breakpoint `xl` для адаптивных layout-решений."
      },
      "bp-2xl": {
        "value": "1536px",
        "comment": "Foundation breakpoint `2xl` для адаптивных layout-решений."
      }
    },
    "iconography-icon-sizes": {
      "icon-size-xs": {
        "value": "14px",
        "comment": "Размер иконки `xs` — рядом с текстом `xs`/`sm`."
      },
      "icon-size-sm": {
        "value": "16px",
        "comment": "Размер иконки `sm` — в компактных кнопках и строках списка."
      },
      "icon-size-md": {
        "value": "18px",
        "comment": "Размер иконки `md` — значение по умолчанию."
      },
      "icon-size-lg": {
        "value": "20px",
        "comment": "Размер иконки `lg` — в крупных кнопках и заголовках."
      }
    },
    "shapes-radii-and-compatibility-aliases": {
      "--radius": {
        "value": "0.5rem",
        "comment": "Совместимый alias базового радиуса для интеграций, ожидающих shadcn-style token contract."
      },
      "radius-none": {
        "value": "0px",
        "comment": "Радиус скругления `none` для углов компонентов и поверхностей."
      },
      "radius-xs": {
        "value": "3px",
        "comment": "Радиус скругления `xs` — микроэлементы: подсветка совпадения в поиске, кнопка очистки внутри контрола."
      },
      "radius-sm": {
        "value": "4px",
        "comment": "Радиус скругления `sm` для углов компонентов и поверхностей."
      },
      "radius-control": {
        "value": "6px",
        "comment": "Радиус контрола и мелкой интерактивной детали внутри него: оболочка поля, чип, кнопка-крестик, фокус-кольцо ссылки, тултип слайдера."
      },
      "radius-md": {
        "value": "8px",
        "comment": "Радиус скругления `md` для углов компонентов и поверхностей."
      },
      "radius-lg": {
        "value": "12px",
        "comment": "Радиус скругления `lg` для углов компонентов и поверхностей."
      },
      "radius-xl": {
        "value": "16px",
        "comment": "Радиус скругления `xl` для углов компонентов и поверхностей."
      },
      "radius-full": {
        "value": "9999px",
        "comment": "Радиус скругления `full` для углов компонентов и поверхностей."
      }
    },
    "elevation": {
      "shadow-0": {
        "value": "none",
        "comment": "Уровень elevation `0` для карточек, popover-слоёв и акцентных поверхностей."
      },
      "shadow-1": {
        "value": "0 1px 2px rgba(0, 0, 0, 0.45)",
        "comment": "Уровень elevation `1`. Синеватая полупрозрачная тень читается на светлом фоне мягче чёрной."
      },
      "shadow-2": {
        "value": "0 8px 24px rgba(0, 0, 0, 0.55)",
        "comment": "Уровень elevation `2` для всплывающих слоёв."
      },
      "shadow-3": {
        "value": "0 16px 48px rgba(0, 0, 0, 0.65)",
        "comment": "Уровень elevation `3` для модальных слоёв."
      }
    },
    "motion": {
      "duration-fast": {
        "value": "150ms",
        "comment": "Базовая длительность анимации `fast` для transitions и state changes."
      },
      "duration-base": {
        "value": "200ms",
        "comment": "Базовая длительность анимации `base` для transitions и state changes."
      },
      "duration-slow": {
        "value": "300ms",
        "comment": "Базовая длительность анимации `slow` для transitions и state changes."
      },
      "ease-out": {
        "value": "cubic-bezier(0.16, 1, 0.3, 1)",
        "comment": "Кривая ускорения `out` для motion-паттернов дизайн-системы."
      },
      "ease-in": {
        "value": "cubic-bezier(0.7, 0, 0.84, 0)",
        "comment": "Кривая ускорения `in` для motion-паттернов дизайн-системы."
      }
    },
    "layering-z-index-scale": {
      "z-bottom-nav": {
        "value": "850",
        "comment": "Нижняя навигация приложения. Самый низкий слой шкалы: панель прижата к нижней кромке и обязана уходить под открытую выпадашку, тултип и модалку."
      },
      "z-navbar": {
        "value": "900",
        "comment": "Прилипшая шапка приложения. Ниже якорных панелей: шапка перекрывает контент, но не выпадашки, тултипы и модалки."
      },
      "z-dropdown": {
        "value": "1000",
        "comment": "Слой якорных floating-панелей: dropdown, select, tree-select."
      },
      "z-tooltip": {
        "value": "1050",
        "comment": "Слой тултипов — выше floating-панелей, ниже модалок."
      },
      "z-modal": {
        "value": "1100",
        "comment": "Слой модальных окон и диалогов."
      },
      "z-loading": {
        "value": "1150",
        "comment": "Слой полноэкранного оверлея загрузки: выше модалок, потому что блокирует всё приложение целиком, но ниже тостов."
      },
      "z-toast": {
        "value": "1200",
        "comment": "Слой тостов — единственный, обязанный быть виден поверх всего, включая открытые модалки."
      }
    },
    "surface-roles": {
      "bg": {
        "value": "#0f172a",
        "comment": "Базовый фон приложения и крупных layout-поверхностей текущей темы."
      },
      "fg": {
        "value": "#f8fafc",
        "comment": "Основной цвет текста и иконок поверх базового фона текущей темы."
      },
      "card": {
        "value": "#1e293b",
        "comment": "Фон карточек, панелей и других поднятых поверхностей."
      },
      "card-fg": {
        "value": "#f8fafc",
        "comment": "Цвет контента внутри карточек и raised surface-блоков."
      },
      "popover": {
        "value": "#1e293b",
        "comment": "Фон popover-, dropdown- и overlay-поверхностей."
      },
      "popover-fg": {
        "value": "#f8fafc",
        "comment": "Цвет текста и иконок внутри popover-слоёв."
      },
      "muted": {
        "value": "#334155",
        "comment": "Приглушённая поверхность для вторичных блоков, плашек и заполнений."
      },
      "muted-fg": {
        "value": "#aab6c7",
        "comment": "Вторичный текстовый цвет для helper-копии и менее важных подписей."
      },
      "secondary": {
        "value": "#334155",
        "comment": "Нейтральная secondary action/surface-подложка без сильного бренд-акцента."
      },
      "secondary-fg": {
        "value": "#f1f5f9",
        "comment": "Контрастный текст для secondary-кнопок и поверхностей."
      },
      "overlay-bg": {
        "value": "rgb(2 6 23 / 0.65)",
        "comment": "Подложка модальных слоёв (модалка, drawer): затемняет страницу, оставляя её узнаваемой."
      },
      "brd": {
        "value": "#334155",
        "comment": "Базовый цвет бордеров и разделителей текущей темы."
      },
      "input": {
        "value": "#334155",
        "comment": "Цвет рамки и фона input-like контролов в состоянии покоя."
      },
      "control-brd": {
        "value": "#94a3b8",
        "comment": "Граница переключаемого контрола в покое — коробки чекбокса, кружка радио, дорожки выключенного переключателя. Держит 3:1 к странице, карточке и `--gr-muted` (WCAG 1.4.11): у такого контрола граница — единственное, по чему его видно."
      },
      "ring": {
        "value": "#818cf8",
        "comment": "Цвет focus-ring и акцентного outline для интерактивных компонентов."
      }
    },
    "state-roles": {
      "disabled-bg": {
        "value": "#273548",
        "comment": "Фон недоступного контрола: гасит его поверхностью, а не прозрачностью — `opacity` разбавляет выверенные на AA токены текста."
      },
      "disabled-fg": {
        "value": "#64748b",
        "comment": "Цвет текста и иконок недоступного контрола."
      },
      "disabled-brd": {
        "value": "#334155",
        "comment": "Цвет рамки недоступного контрола."
      },
      "invalid-brd": {
        "value": "#f87171",
        "comment": "Цвет рамки контрола, не прошедшего валидацию."
      },
      "invalid-ring": {
        "value": "#f87171",
        "comment": "Цвет focus-ring контрола, не прошедшего валидацию."
      },
      "invalid-text": {
        "value": "#fca5a5",
        "comment": "Цвет текста ошибки и метки обязательного поля."
      }
    },
    "action-roles": {
      "primary": {
        "value": "#9d8bfa",
        "comment": "Главный brand/action цвет темы для primary CTA и ключевых акцентов."
      },
      "primary-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх primary-заливки."
      },
      "accent": {
        "value": "#1e1b4b",
        "comment": "Мягкая акцентная поверхность для selected/hovered областей и подсветок."
      },
      "accent-fg": {
        "value": "#c7d2fe",
        "comment": "Цвет текста поверх accent-подложек."
      }
    },
    "status-roles": {
      "success": {
        "value": "#34d399",
        "comment": "Основной semantic success-цвет для статусов, бейджей и уведомлений."
      },
      "success-light": {
        "value": "#194536",
        "comment": "Облегчённая success-подложка для мягких статусов и подсветок."
      },
      "success-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх success-заливки."
      },
      "primary-text": {
        "value": "#c7d2fe",
        "comment": "Основной тон как ЦВЕТ ТЕКСТА на фоне страницы: насыщенный `--gr-primary` под текст не рассчитан и не проходит по контрасту."
      },
      "success-text": {
        "value": "#6ee7b7",
        "comment": "Текстовый оттенок для success-сообщений на светлой подложке."
      },
      "warning": {
        "value": "#fb923c",
        "comment": "Основной semantic warning-цвет для предупреждений и промежуточных статусов."
      },
      "warning-light": {
        "value": "#672e1c",
        "comment": "Облегчённая warning-подложка для мягких warning-состояний."
      },
      "warning-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх warning-заливки."
      },
      "warning-text": {
        "value": "#fdba74",
        "comment": "Текстовый оттенок для warning-сообщений на мягкой warning-подложке."
      },
      "danger": {
        "value": "#f87171",
        "comment": "Semantic danger-цвет для ошибок, рисков и критических сообщений."
      },
      "danger-light": {
        "value": "#6a2522",
        "comment": "Облегчённая danger-подложка для мягких error-состояний."
      },
      "danger-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх danger-заливки."
      },
      "danger-text": {
        "value": "#fca5a5",
        "comment": "Текстовый оттенок для error-сообщений на мягкой danger-подложке."
      },
      "info": {
        "value": "#60a5fa",
        "comment": "Semantic info-цвет для нейтральных уведомлений и информационных акцентов."
      },
      "info-light": {
        "value": "#213771",
        "comment": "Облегчённая info-подложка для спокойных информационных блоков."
      },
      "info-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх info-заливки."
      },
      "info-text": {
        "value": "#bfdbfe",
        "comment": "Текстовый оттенок для спокойных info-сообщений и подсказок."
      },
      "slate": {
        "value": "#94a3b8",
        "comment": "Нейтральный semantic slate-цвет для subdued индикаторов и secondary статусов."
      },
      "slate-light": {
        "value": "#313b4a",
        "comment": "Облегчённая slate-подложка для мягких нейтральных состояний."
      },
      "slate-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх slate-заливки."
      },
      "slate-text": {
        "value": "#cbd5e1",
        "comment": "Текстовый оттенок для нейтральных slate-сообщений и плашек."
      },
      "azure": {
        "value": "#38bdf8",
        "comment": "Semantic azure-цвет для информационных акцентов и вспомогательных статусов."
      },
      "azure-light": {
        "value": "#1b425c",
        "comment": "Облегчённая azure-подложка для мягких informational поверхностей."
      },
      "azure-fg": {
        "value": "#0f172a",
        "comment": "Контрастный текст и иконки поверх azure-заливки."
      },
      "azure-text": {
        "value": "#bae6fd",
        "comment": "Текстовый оттенок для azure-плашек и спокойных informational блоков."
      }
    },
    "solid-fill-roles": {
      "primary-solid": {
        "value": "#595ce6",
        "comment": "Сплошная заливка кнопочного веса тона `primary`."
      },
      "primary-solid-hover": {
        "value": "#5053dd",
        "comment": "Заливка `--gr-primary-solid` под курсором."
      },
      "primary-solid-active": {
        "value": "#474acf",
        "comment": "Заливка `--gr-primary-solid` в момент нажатия."
      },
      "primary-solid-fg": {
        "value": "#ffffff",
        "comment": "Текст и иконки на заливке `--gr-primary-solid`."
      },
      "success-solid": {
        "value": "#047857",
        "comment": "Сплошная заливка кнопочного веса тона `success`."
      },
      "success-solid-hover": {
        "value": "#036c4d",
        "comment": "Заливка `--gr-success-solid` под курсором."
      },
      "success-solid-active": {
        "value": "#025f44",
        "comment": "Заливка `--gr-success-solid` в момент нажатия."
      },
      "success-solid-fg": {
        "value": "#f8fafc",
        "comment": "Текст и иконки на заливке `--gr-success-solid`."
      },
      "warning-solid": {
        "value": "#c2410c",
        "comment": "Сплошная заливка кнопочного веса тона `warning`."
      },
      "warning-solid-hover": {
        "value": "#b53b0a",
        "comment": "Заливка `--gr-warning-solid` под курсором."
      },
      "warning-solid-active": {
        "value": "#9f3307",
        "comment": "Заливка `--gr-warning-solid` в момент нажатия."
      },
      "warning-solid-fg": {
        "value": "#f8fafc",
        "comment": "Текст и иконки на заливке `--gr-warning-solid`."
      },
      "danger-solid": {
        "value": "#b91c1c",
        "comment": "Сплошная заливка кнопочного веса тона `danger`."
      },
      "danger-solid-hover": {
        "value": "#a91919",
        "comment": "Заливка `--gr-danger-solid` под курсором."
      },
      "danger-solid-active": {
        "value": "#931515",
        "comment": "Заливка `--gr-danger-solid` в момент нажатия."
      },
      "danger-solid-fg": {
        "value": "#f8fafc",
        "comment": "Текст и иконки на заливке `--gr-danger-solid`."
      },
      "info-solid": {
        "value": "#1d4ed8",
        "comment": "Сплошная заливка кнопочного веса тона `info`."
      },
      "info-solid-hover": {
        "value": "#1e40af",
        "comment": "Заливка `--gr-info-solid` под курсором."
      },
      "info-solid-active": {
        "value": "#1e3a8a",
        "comment": "Заливка `--gr-info-solid` в момент нажатия."
      },
      "info-solid-fg": {
        "value": "#f8fafc",
        "comment": "Текст и иконки на заливке `--gr-info-solid`."
      },
      "slate-solid": {
        "value": "#475569",
        "comment": "Сплошная заливка кнопочного веса тона `slate`."
      },
      "slate-solid-hover": {
        "value": "#334155",
        "comment": "Заливка `--gr-slate-solid` под курсором."
      },
      "slate-solid-active": {
        "value": "#1e293b",
        "comment": "Заливка `--gr-slate-solid` в момент нажатия."
      },
      "slate-solid-fg": {
        "value": "#f8fafc",
        "comment": "Текст и иконки на заливке `--gr-slate-solid`."
      },
      "azure-solid": {
        "value": "#0369a1",
        "comment": "Сплошная заливка кнопочного веса тона `azure`."
      },
      "azure-solid-hover": {
        "value": "#075985",
        "comment": "Заливка `--gr-azure-solid` под курсором."
      },
      "azure-solid-active": {
        "value": "#0c4a6e",
        "comment": "Заливка `--gr-azure-solid` в момент нажатия."
      },
      "azure-solid-fg": {
        "value": "#f8fafc",
        "comment": "Текст и иконки на заливке `--gr-azure-solid`."
      }
    },
    "data-visualization-roles": {
      "chart-1": {
        "value": "#6366f1",
        "comment": "Первый цвет серии для графиков и data-visualization элементов."
      },
      "chart-2": {
        "value": "#34d399",
        "comment": "Второй цвет серии для графиков и data-visualization элементов."
      },
      "chart-3": {
        "value": "#fb923c",
        "comment": "Третий цвет серии для графиков и data-visualization элементов."
      },
      "chart-4": {
        "value": "#38bdf8",
        "comment": "Четвёртый цвет серии для графиков и data-visualization элементов."
      },
      "chart-5": {
        "value": "#f472b6",
        "comment": "Пятый цвет серии для графиков и data-visualization элементов."
      }
    },
    "navigation-roles": {
      "sidebar": {
        "value": "#1e293b",
        "comment": "Фон sidebar/navigation rail области текущей темы."
      },
      "sidebar-fg": {
        "value": "#f8fafc",
        "comment": "Основной текст и иконки внутри sidebar."
      },
      "sidebar-primary": {
        "value": "#6365f0",
        "comment": "Акцентный цвет активных/ключевых элементов внутри sidebar."
      },
      "sidebar-primary-fg": {
        "value": "#ffffff",
        "comment": "Контрастный текст поверх sidebar primary-акцентов."
      },
      "sidebar-accent": {
        "value": "#334155",
        "comment": "Мягкий accent-фон для hover/selected состояний в sidebar."
      },
      "sidebar-accent-fg": {
        "value": "#f1f5f9",
        "comment": "Цвет текста поверх sidebar accent-подложек."
      },
      "sidebar-brd": {
        "value": "#334155",
        "comment": "Бордеры и разделители sidebar-области."
      },
      "sidebar-ring": {
        "value": "#818cf8",
        "comment": "Focus-ring для интерактивных элементов внутри sidebar."
      }
    },
    "derived-interaction-formulas-action-roles": {
      "primary-hover": {
        "value": "#a494fa",
        "comment": "Hover-состояние primary action: подмес `--gr-fg` 8% в `--gr-primary`."
      },
      "primary-active": {
        "value": "#ac9dfa",
        "comment": "Active-состояние primary action: подмес `--gr-fg` 16% в `--gr-primary`."
      },
      "secondary-hover": {
        "value": "#435062",
        "comment": "Hover-состояние secondary action: подмес `--gr-fg` 8% в `--gr-secondary`."
      },
      "secondary-active": {
        "value": "#535f70",
        "comment": "Active-состояние secondary action: подмес `--gr-fg` 16% в `--gr-secondary`."
      },
      "brd-hover": {
        "value": "#6e7987",
        "comment": "Hover-состояние бордеров и outline-элементов: подмес `--gr-fg` 30% в `--gr-brd`."
      },
      "brd-active": {
        "value": "#8c94a0",
        "comment": "Active-состояние бордеров и outline-элементов: подмес `--gr-fg` 45% в `--gr-brd`."
      }
    },
    "derived-interaction-formulas-status-roles": {
      "success-hover": {
        "value": "#44d6a1",
        "comment": "Hover-состояние success-ролей: подмес `--gr-fg` 8% в `--gr-success`."
      },
      "success-active": {
        "value": "#53d9a9",
        "comment": "Active-состояние success-ролей: подмес `--gr-fg` 16% в `--gr-success`."
      },
      "warning-hover": {
        "value": "#fb9a4b",
        "comment": "Hover-состояние warning-ролей: подмес `--gr-fg` 8% в `--gr-warning`."
      },
      "warning-active": {
        "value": "#fba35b",
        "comment": "Active-состояние warning-ролей: подмес `--gr-fg` 16% в `--gr-warning`."
      },
      "danger-hover": {
        "value": "#f87c7c",
        "comment": "Hover-состояние danger-ролей: подмес `--gr-fg` 8% в `--gr-danger`."
      },
      "danger-active": {
        "value": "#f88787",
        "comment": "Active-состояние danger-ролей: подмес `--gr-fg` 16% в `--gr-danger`."
      },
      "info-hover": {
        "value": "#6cacfa",
        "comment": "Hover-состояние info-ролей: подмес `--gr-fg` 8% в `--gr-info`."
      },
      "info-active": {
        "value": "#78b3fa",
        "comment": "Active-состояние info-ролей: подмес `--gr-fg` 16% в `--gr-info`."
      },
      "slate-hover": {
        "value": "#9caabd",
        "comment": "Hover-состояние slate-ролей: подмес `--gr-fg` 8% в `--gr-slate`."
      },
      "slate-active": {
        "value": "#a4b1c3",
        "comment": "Active-состояние slate-ролей: подмес `--gr-fg` 16% в `--gr-slate`."
      },
      "azure-hover": {
        "value": "#47c2f8",
        "comment": "Hover-состояние azure-ролей: подмес `--gr-fg` 8% в `--gr-azure`."
      },
      "azure-active": {
        "value": "#57c7f9",
        "comment": "Active-состояние azure-ролей: подмес `--gr-fg` 16% в `--gr-azure`."
      }
    }
  }
}