:root {
    /* геометрия */
    --border-radius: 0.125rem;
    --border-radius-container: 0.375rem;
    --border-width: 0.125rem;

    /* фоны */
    --background-page: #ffffff;
    --background-active: #e7f1ff;
    --background-active-special: rgb(189 217 252);
    --background-active-hovered: #d0e3ff;
    --background-hovered-no-active: #f1f3f5;
    /* SP-2-D-5: «куда ведёт Вправо» (последний посещённый ребёнок) — еле заметный фон, слабее
       is-expanded; почти неразличим на белой странице, но подсказывает цель перехода. */
    --background-tree-node-last-visited: #f3f8ff;
    --background-tree: #f8f9fa;

    /* границы */
    --border-active: #2d333c;
    --border-active-special: #3c4451;
    --border-tree: #dee2e6;
    --border-column: #f0f3f6;

    /* текст */
    --color-text-muted: #868e96;

    /* отступы / зазоры */
    --gap-tree-columns: 0.1rem;
    --gap-tree-nodes: 0.125rem;
    --padding-tree: 0.5rem;
    --padding-node-y: 0.375rem;
    --padding-node-x: 0.625rem;
    --padding-empty-y: 0.5rem;
    --padding-empty-x: 0.625rem;
    --margin-arrow-left: 0.5rem;

    /* размеры */
    --width-tree-column: 15rem;
    --min-width-tree-column: 7rem;
    --min-height-tree: 20rem;
    /* Минимальная (базовая) ширина области дерева ≈ прежний потолок bootstrap-контейнера.
       Держит ширину стабильной при неглубокой навигации (область не дёргается) и задаёт
       фиксированную ширину строки поиска. Сверху всегда клампится до 100% окна. */
    --min-width-tree-area: 82.5rem;

    /* типографика */
    --font-size-node: 0.875rem;
    --font-size-empty: 0.8125rem;
    --font-size-button: 0.8125rem;
    --font-weight-current: 500;

    /* состояния узла: отражение / взято / удалено в драфте */
    --background-tag-mirror: #d6efe8;
    --border-tag-mirror: #a8d5c8;
    --color-mirror-marker: #2c7a62;
    --font-size-mirror-marker: 0.75rem;
    --opacity-taken: 0.55;
    --border-style-taken: dashed;
    --color-deleted-draft: var(--color-text-muted);
    --background-tag-draft-added: #fff2cc;
    --background-tag-draft-added-hovered: #dcc379;
    --border-tag-draft-added: #e6c875;
    --padding-tag-edit-x: 0.25rem;
    --width-tag-edit-input: 12rem;
    --opacity-search-dimmed: 0.25;

    /* SP-2-D-8: линии истории («хлебные крошки наоборот») */
    --gap-history-line: 0.375rem;
    --gap-history-node: 0.25rem;
    --padding-history-node-y: 0.125rem;
    --padding-history-node-x: 0.375rem;
    --font-size-history-node: 0.75rem;
    --color-history-node: var(--color-text-muted);
    --color-history-sep: var(--color-text-muted);
    --background-history-node-hover: var(--background-hovered-no-active);

    /* строка поиска по дереву */
    --padding-tree-search-y: 0.5rem;
    --padding-tree-search-x: 0.75rem;
    --font-size-tree-search: 1rem;
    --margin-tree-search-bottom: 0.5rem;

    /* edit-bar (полоса режима редактирования) */
    --background-edit-bar: #fff8e1;
    --border-edit-bar: #f6dd92;
    --padding-edit-bar-y: 0.5rem;
    --padding-edit-bar-x: 0.75rem;
    --gap-edit-bar: 0.625rem;
    --z-index-edit-bar: 20;

    /* ops-panel (панель списка операций драфта) */
    --background-ops-panel: #fffdf5;
    --border-ops-panel: var(--border-edit-bar);
    --padding-ops-panel-y: 0.375rem;
    --padding-ops-panel-x: 0.75rem;
    --gap-ops-panel-item: 0.25rem;
    --font-size-ops-panel: 0.875rem;
    --color-ops-panel-remove: #999;
    --color-ops-panel-remove-hover: var(--background-button-danger);
    --color-ops-panel-restore: #4a90d9;
    --color-ops-panel-restore-hover: #2265a8;
    --color-ops-panel-removed: #888;
    --color-ops-panel-link: #2265a8;
    --color-ops-panel-link-hover: #1a4a7a;
    --opacity-ops-panel-removed: 0.65;
    --max-height-ops-panel: 15rem;
    --color-ops-panel-conflict: #c0392b;
    --background-ops-panel-conflict: #fff5f5;
    /* SP-11-D-4: «погашенный» конфликт — приглушённая полоска и blue-toned кнопка-toggle. */
    --background-ops-panel-ignored-conflict: #fbf8ee;
    --color-ops-panel-toggle-ignore: #8a6d3b;
    --color-ops-panel-toggle-ignore-hover: #5a4520;
    --font-size-ops-panel-toggle-ignore: 0.8em;
    --padding-ops-panel-toggle-ignore-x: 0.4rem;
    --padding-ops-panel-toggle-ignore-y: 0.1rem;
    --background-ops-panel-cancelled: #f5f5f5;
    --color-ops-panel-cancelled-text: #888;
    --color-ops-panel-toggle-cancel: #666;
    --color-ops-panel-toggle-cancel-hover: #222;
    --font-size-ops-panel-toggle-cancel: 0.8em;
    --padding-ops-panel-toggle-cancel-x: 0.4rem;
    --padding-ops-panel-toggle-cancel-y: 0.1rem;

    /* SP-2-D-10: инспектор узла («?» в тулбаре) — колонка-сводка по текущему узлу */
    --background-node-info-panel: var(--background-ops-panel);
    --padding-node-info-panel-y: var(--padding-ops-panel-y);
    --padding-node-info-panel-x: var(--padding-ops-panel-x);
    --gap-node-info-panel: 0.5rem;
    --font-size-node-info-panel: var(--font-size-ops-panel);
    --font-size-node-info-name: 1rem;
    --margin-node-info-type-left: 0.4rem;
    --color-node-info-label: var(--color-text-muted);
    --color-node-info-type: var(--color-text-muted);
    --color-node-info-link: var(--color-ops-panel-link);
    --color-node-info-link-hover: var(--color-ops-panel-link-hover);
    --color-node-info-path-sep: var(--color-history-sep);
    --color-node-info-close: var(--color-text-muted);
    --color-node-info-close-hover: var(--background-button-danger);
    --font-size-node-info-close: 1.25rem;
    --gap-node-info-section: 0.15rem;
    --gap-node-info-path: 0.3rem;
    --gap-node-info-states: 0.15rem;

    /* плавающая кнопка «Редактировать» в углу */
    --position-edit-toggle-top: 0.75rem;
    --position-edit-toggle-right: 0.75rem;
    --z-index-edit-toggle: 15;

    /* тулбар операций — вертикальный разделитель между колонками */
    --background-toolbar: #ffffff;
    --border-toolbar: var(--border-column);
    --padding-toolbar-y: 0.3125rem;
    --padding-toolbar-x: 0.3125rem;
    --gap-toolbar: 0.25rem;
    --size-toolbar-btn: 2.25rem;
    --font-size-toolbar-icon: 1rem;
    /* Полная ширина вертикального бокового тулбара (кнопка + паддинги + рамки). Используется из JS
       (доскролл/потолок легенды) и когда тулбар не отрисован — в режиме просмотра. #SP-2-D-10 */
    --width-tree-toolbar: calc(var(--size-toolbar-btn) + 2 * var(--padding-toolbar-x) + 2 * var(--border-width));

    /* mode-полоса — плавающая горизонтальная полоса (Дерево/Связи/Группы) над текущей колонкой */
    --z-index-mode-bar: 10;
    --gap-tree-mode-bar: 0.25rem;
    --height-tree-mode-bar: calc(var(--size-toolbar-btn) + 2 * var(--padding-toolbar-y) + 2 * var(--border-width));
    --padding-tree-top: calc(var(--padding-tree) + var(--height-tree-mode-bar) + var(--gap-tree-mode-bar));

    /* кнопки */
    --background-button: #ffffff;
    --background-button-hover: var(--background-hovered-no-active);
    --background-button-primary: #2d7d2d;
    --background-button-primary-hover: #246124;
    --color-button-primary: #ffffff;
    --background-button-danger: #c0392b;
    --background-button-danger-hover: #9d2c20;
    --color-button-danger: #ffffff;
    --border-button: var(--border-column);
    --padding-button-y: 0.3125rem;
    --padding-button-x: 0.5rem;
    --opacity-button-disabled: 0.45;
    --cursor-button-disabled: not-allowed;

    /* Нижняя панель сообщений (#SP-2-D-7-message-panel) — единый канал уведомлений */
    --height-message-line: 1.9rem;
    --max-vh-message-panel: 40vh;
    --background-message-panel: #fbfbfa;
    --border-message-panel: #d9d4c8;
    --z-index-message-panel: 26;
    --padding-message-x: 0.625rem;
    --font-size-message: var(--font-size-button);
    --duration-message-anim: 0.22s;
    --height-message-grip: 1.25rem;
    --background-message-grip: #efe9dd;
    --color-message-grip: #6b6357;
    --width-message-sev-bar: 0.1875rem;
    --color-message-sev-info: var(--color-banner-submitted, #1f5b94);
    --color-message-sev-success: #2d7d2d;
    --color-message-sev-error: var(--color-banner-rejection, #9c3404);
    --color-message-count: #8a8170;
    --padding-message-row-y: 0.25rem;
    --gap-message-row: 0.5rem;
    --color-message-row-time: #9b9384;
    /* Кликабельная ссылка в сообщении (напр. источник отражения в подсказке дизейбла). */
    --color-message-link: var(--color-message-sev-info);
    /* Зеркало строки в visual viewport при зуме/клавиатуре (#SP-2-D-7) — поверх остального,
       над edit-bar; тень снизу-вверх, чтобы отделить от перекрываемого контента. */
    --z-index-message-mirror: 30;
    --shadow-message-mirror: 0 -0.125rem 0.375rem rgba(0, 0, 0, 0.18);

    /* форма поиска/создания тега (используется при «Добавить потомка») */
    --background-search-form: #f8f9fa;
    --border-search-form: var(--border-column);
    --padding-search-form: 0.375rem;
    --gap-search-form: 0.25rem;
    --background-search-input: #ffffff;
    --padding-search-input-y: 0.3125rem;
    --padding-search-input-x: 0.5rem;
    --font-size-search-input: var(--font-size-node);
    --padding-search-option-y: 0.3125rem;
    --padding-search-option-x: 0.5rem;
    --background-search-option-hover: var(--background-hovered-no-active);
    --background-search-option-highlighted: var(--background-active);
    --border-search-option-highlighted: var(--border-active);
    --color-search-empty: var(--color-text-muted);
    --padding-search-empty-y: 0.5rem;
    --padding-search-empty-x: 0.5rem;
    --font-size-search-empty: var(--font-size-empty);

    /* SP-1-D-6: бейдж типа тега на узле + инлайн-пикер типа */
    --font-size-node-type: 0.6875rem;
    --color-node-type: var(--color-text-muted);
    --background-node-type: var(--background-hovered-no-active);
    --padding-node-type-y: 0.0625rem;
    --padding-node-type-x: 0.3125rem;
    --margin-node-type-left: 0.375rem;
    --gap-type-picker: 0.25rem;
    --padding-type-picker: 0.375rem;
    --background-type-picker: var(--background-search-form);
    --border-type-picker: var(--border-column);
    --color-type-picker-current: var(--color-text-muted);
    --font-size-type-picker-current: var(--font-size-search-empty);

    /* SP-1-D-8: узел-Папка — более скруглённые углы + иконка-маркер 📁 перед текстом */
    --border-radius-folder: 0.5rem;
    --font-size-folder-marker: 0.8125rem;
    --margin-folder-marker-right: 0.25rem;

    /* буфер «Взять/Перенести сюда» — статичная панель снизу (SP-2-D-4) */
    --background-buffer-panel: #fffaf0;
    --border-buffer-panel: #f6dd92;
    --padding-buffer-panel-y: 0.5rem;
    --padding-buffer-panel-x: 0.75rem;
    --gap-buffer-panel: 0.625rem;
    --gap-buffer-panel-list: 0.375rem;
    --gap-buffer-panel-count: 0.375rem;
    --z-index-buffer-panel: 25;
    --font-size-buffer-panel: var(--font-size-button);
    --height-buffer-panel-approx: 1rem;
    --background-buffer-chip: #ffe8c4;
    --background-buffer-chip-hover: #f5d49d;
    --border-buffer-chip: #e6c875;
    --padding-buffer-chip-y: 0.25rem;
    --padding-buffer-chip-x: 0.5rem;
    --gap-buffer-chip: 0.375rem;
    --opacity-buffer-chip-inactive: 0.5;
    --border-style-buffer-chip-inactive: dashed;
    --color-buffer-chip-remove: var(--color-text-muted);
    --font-size-buffer-chip-remove: 1rem;
    /* SP-15-D-2 §3: режим «Ссылки» — фантом-chip (приглушён, пунктир) и «ты здесь» (подсветка). */
    --opacity-buffer-chip-phantom: 0.6;
    --border-style-buffer-chip-phantom: dashed;
    --background-buffer-chip-here: var(--background-active);
    --border-buffer-chip-here: var(--background-active-special);
    --color-buffer-chip-here: var(--color-text-muted);
    --font-size-buffer-chip-here: 0.75rem;
    /* SP-15-D-2 §3: хинт рядом с фантомом */
    --color-buffer-phantom-hint: var(--color-text-muted);
    --font-size-buffer-phantom-hint: 0.75rem;
    --align-self-buffer-phantom-hint: center;

    /* SP-2-D-9: панель режима «Связи» (колонка-панель в слоте потомка) */
    --max-width-links-panel: 42rem;
    --padding-links-panel: 0.625rem;
    --gap-links-panel: 0.875rem;
    --font-size-links: var(--font-size-node);
    --color-links-empty: var(--color-text-muted);
    --padding-links-empty-y: 0.75rem;
    --padding-links-empty-x: 0.5rem;
    --color-links-loading: var(--color-text-muted);
    /* блок «Свойства» (2т-связки) */
    --gap-links-properties: 0.375rem;
    --gap-links-property: 0.25rem;
    --color-links-property-role: var(--color-text-muted);
    --font-weight-links-property-role: 500;
    --color-links-property-paren: var(--color-text-muted);
    --font-weight-links-property-paren: 400;
    --opacity-links-property-paren: 0.7;
    --font-size-links-property-paren: 0.85em;
    --gap-links-chips: 0.25rem;
    /* чипы тегов (не кликаются, §9) */
    --background-links-chip: var(--background-hovered-no-active);
    --border-links-chip: var(--border-column);
    --color-links-chip: inherit;
    --padding-links-chip-y: 0.0625rem;
    --padding-links-chip-x: 0.375rem;
    --border-radius-links-chip: var(--border-radius);
    /* таблицы (шаблоны ≥3 колонок) */
    --gap-links-table: 0.375rem;
    --margin-links-table-top: 0.5rem;
    --font-size-links-table-title: 0.9375rem;
    --font-weight-links-table-title: 600;
    --border-links-table: var(--border-column);
    --background-links-th: var(--background-tree);
    --color-links-th: var(--color-text-muted);
    --font-weight-links-th: 600;
    --padding-links-cell-y: 0.3125rem;
    --padding-links-cell-x: 0.5rem;
    --color-links-cell-empty: var(--color-text-muted);
    --color-links-col-extra: var(--color-text-muted);
    /* адаптив §8: брейкпоинт карточек (36rem) — литералом в @media (var() в условии
       media-query недопустим, как и существующий @media в site.css) */
    --gap-links-card: 0.5rem;
    --padding-links-card: 0.5rem;
    --border-links-card: var(--border-column);
    --width-links-card-label: 8rem;
    /* SP-2-D-9 §11.4 (этап 3b-1): edit-аффордансы ячеек таблиц связей + инлайн-пикер значения */
    --gap-links-chip-wrap: 0.1875rem;
    --gap-links-cell-edit: 0.3125rem;
    --color-links-chip-remove: var(--color-text-muted);
    --color-links-chip-remove-hover: var(--background-button-danger);
    --font-size-links-chip-remove: 0.875rem;
    --color-links-cell-add: var(--color-ops-panel-link);
    --font-size-links-cell-add: 1rem;
    --gap-link-cell-picker: 0.25rem;
    --padding-link-cell-picker: 0.375rem;
    --margin-link-cell-picker-top: 0.25rem;
    --min-width-link-cell-picker: 11rem;
    --background-link-cell-picker: var(--background-search-form);
    --border-link-cell-picker: var(--border-column);

    /* SP-2-D-9 §11.5/§11.6 (этапы 3b-2/3b-3): строки таблиц (🗑/↩, «+ связка»), «+ новая связка». */
    --color-links-row-action: var(--color-text-muted);
    --color-links-row-delete-hover: var(--background-button-danger);
    --color-links-row-restore-hover: var(--color-ops-panel-link);
    --font-size-links-row-action: 0.9375rem;
    --padding-links-row-action: 0.25rem;
    --opacity-links-row-deleted: 0.55;
    --margin-links-add-pack-top: 0.25rem;
    --color-links-add-pack: var(--color-ops-panel-link);
    --font-size-links-add-pack: 0.875rem;
    --margin-links-new-pack-top: 0.625rem;
    --color-links-new-pack: var(--color-ops-panel-link);
    --font-weight-links-new-pack: 600;
    --font-size-links-new-pack: 0.9375rem;
    --padding-links-new-pack-y: 0.25rem;

    /* SP-15-D-2: режим «Ссылки» — колонка урлов (наследует .tags-tree__column). Шире обычной
       колонки, но уже панели «Связи»; правый край — горизонтальным скроллом дерева (§2.1). */
    --max-width-urls-panel: 26rem;
    --padding-urls-panel: 0.625rem;
    --gap-urls-panel: 0.625rem;
    --font-size-urls: var(--font-size-node);
    --color-urls-header: var(--color-text-muted);
    --font-weight-urls-header: 600;
    --padding-urls-empty-y: 0.75rem;
    --padding-urls-empty-x: 0.5rem;
    --color-urls-empty: var(--color-text-muted);
    --color-urls-loading: var(--color-text-muted);
    /* строка урла */
    --gap-urls-list: 0.5rem;
    --gap-urls-row: 0.25rem;
    --padding-urls-row: 0.375rem;
    --background-urls-row: var(--background-tree);
    --border-urls-row: var(--border-column);
    --border-radius-urls-row: var(--border-radius);
    --color-urls-title: var(--color-ops-panel-link);
    --font-weight-urls-title: 600;
    /* бейдж сайта */
    --background-urls-site: var(--background-hovered-no-active);
    --color-urls-site: var(--color-text-muted);
    --font-size-urls-site: 0.75rem;
    --padding-urls-site-y: 0.0625rem;
    --padding-urls-site-x: 0.375rem;
    --border-radius-urls-site: var(--border-radius);
    --gap-urls-title-row: 0.375rem;
    /* чипы «чем зацепилось» */
    --gap-urls-chips: 0.25rem;
    --background-urls-chip: var(--background-hovered-no-active);
    --border-urls-chip: var(--border-column);
    --color-urls-chip: inherit;
    --padding-urls-chip-y: 0.0625rem;
    --padding-urls-chip-x: 0.375rem;
    --border-radius-urls-chip: var(--border-radius);
    --font-size-urls-chip: 0.8125rem;
    --color-urls-more: var(--color-text-muted);
    --font-size-urls-more: 0.8125rem;
    --padding-urls-more-top: 0.25rem;
    /* SP-15-D-2 §4: раскрывашка «Показать ещё N» — остальные теги урла. */
    --color-urls-more-toggle: var(--color-ops-panel-link);
    --font-size-urls-more-toggle: 0.8125rem;
    --margin-urls-more-toggle-top: 0.125rem;
    --margin-urls-more-tags-top: 0.125rem;
    /* SP-15-D-2 §6: «чем зацепилось» сгруппировано по ноге — подпись-имя узла + её чипы. */
    --gap-urls-leg: 0.1875rem;
    --margin-urls-leg-top: 0.125rem;
    --color-urls-leg-label: var(--color-text-muted);
    --font-size-urls-leg-label: 0.75rem;
    --font-weight-urls-leg-label: 600;

    /* SP-2-D-9 §11.7: шаг выбора колонки контекста («+ новая связка») */
    --font-weight-template-picker-title: 600;
    --font-size-template-picker-title: 0.9375rem;
    --color-template-picker-hint: var(--color-text-muted);
    --font-size-template-picker-hint: 0.8125rem;
    --gap-template-picker-column-mark: 0.5rem;
    --color-template-picker-column-valid: var(--background-button-primary);
    --color-template-picker-column-invalid: var(--background-button-danger);
    --color-template-picker-warning: var(--background-button-danger);
    --font-size-template-picker-warning: 0.8125rem;
    --gap-template-picker-actions: 0.375rem;
    --margin-template-picker-actions-top: 0.125rem;
    --padding-template-picker-confirm-y: 0.3125rem;
    --padding-template-picker-confirm-x: 0.625rem;
    --background-template-picker-confirm: var(--background-button-primary);
    --background-template-picker-confirm-hover: var(--background-button-primary-hover);
    --color-template-picker-confirm: var(--color-button-primary);
    --color-template-picker-cancel: var(--color-text-muted);

    /* SP-2-D-11: режим «Группы» — колонки-пикеры Группы/Значения/Результат */
    --padding-groups-column: 0.5rem;
    --gap-groups-list: 0.125rem;
    --padding-groups-title-y: 0.25rem;
    --padding-groups-title-x: 0.375rem;
    --font-weight-groups-title: 600;
    --color-groups-title: var(--color-text-muted);
    --font-size-groups-title: 0.8125rem;
    --color-groups-empty: var(--color-text-muted);
    --padding-groups-empty: 0.5rem;
    --color-groups-loading: var(--color-text-muted);
    --padding-groups-item-y: 0.25rem;
    --padding-groups-item-x: 0.375rem;
    --gap-groups-item: 0.375rem;
    --border-radius-groups-item: var(--border-radius);
    --background-groups-item-hover: var(--background-hovered-no-active);
    --background-groups-item-selected: var(--background-hovered-no-active);
    --color-groups-item-selected: inherit;
    --border-groups-item-selected: var(--background-button-primary);
    --color-groups-item-count: var(--color-text-muted);
    --font-size-groups-item-count: 0.8125rem;
    --color-groups-item-role: var(--color-text-muted);
    --font-size-groups-item-role: 0.8125rem;
    --gap-groups-result: 0.25rem;
    --padding-groups-chip-y: 0.0625rem;
    --padding-groups-chip-x: 0.375rem;
    --background-groups-chip: var(--background-hovered-no-active);
    --border-groups-chip: var(--border-column);
    --border-radius-groups-chip: var(--border-radius);
    --color-groups-regroup: var(--color-ops-panel-link);
    --font-size-groups-regroup: 0.875rem;
    --margin-groups-regroup-bottom: 0.375rem;
    --min-width-groups-regroup-column: 9rem;

    /* uid в navbar (отображение для саппорта/багрепортов; копируется выделением мыши) */
    --font-size-user-uid: 0.75rem;
    --color-user-uid: var(--color-text-muted);
    --padding-user-uid-x: 0.5rem;

    /* SP-11-D-1: метка [admin] в navbar */
    --color-admin-label: #c0392b;
    --font-weight-admin-label: 600;

    /* логотип в navbar: буква «Ұ» вместо иконки (бывший favicon.svg) */
    --color-navbar-logo: #2c5f2d;
    --font-family-navbar-logo: Palatino, "Palatino Linotype", serif;
    --font-weight-navbar-logo: 700;
    --font-size-navbar-logo: 1.2em;

    /* SP-8-US-5-1: полоса загрузки (loading bar) */
    --height-loading-bar: 0.1875rem;
    --color-loading-bar: #2d7d2d;
    --z-index-loading-bar: 500;

    /* SP-8-US-6 + SP-8-US-5-2: модальные окна (confirm / session-expired) */
    --background-modal-overlay: rgba(0, 0, 0, 0.45);
    --background-modal: #ffffff;
    --border-radius-modal: 0.5rem;
    --padding-modal-y: 1.25rem;
    --padding-modal-x: 1.5rem;
    --gap-modal-footer: 0.5rem;
    --font-size-modal-title: 1.0625rem;
    --font-weight-modal-title: 600;
    --margin-modal-title-bottom: 0.5rem;
    --margin-modal-body-bottom: 1.25rem;
    --z-index-modal: 400;
}

:root {
    /* SP-11-D-1: баннеры состояния драфта (rejection / submitted) и админ-бар */
    --background-banner-rejection: #fde9e0;
    --color-banner-rejection: #9c3404;
    --border-banner-rejection: #f4b893;
    --background-banner-submitted: #e9f3fd;
    --color-banner-submitted: #1f5b94;
    --color-edit-bar-readonly-notice: #1f5b94;
    --font-size-edit-bar-readonly-notice: 0.8125rem;
    --border-banner-submitted: #b3d4f1;
    --padding-banner-y: 0.5rem;
    --padding-banner-x: 0.75rem;
    --margin-banner-bottom: 0.5rem;
    --background-admin-bar: #fff4e0;
    --border-admin-bar: #f0c875;
    --background-admin-bar-committed: #e8f5e9;
    --border-admin-bar-committed: #a5d6a7;
    --color-admin-bar-committed-badge: #2e7d32;
    --font-weight-admin-bar-committed-badge: 600;
    --color-preview-readonly-badge: #8a6d3b;
    --font-weight-preview-readonly-badge: 600;
    --color-preview-status-badge: #6b7280;
    --font-weight-preview-status-badge: 600;
    --background-admin-drafts-row-hover: #f0f4f8;
    --cursor-admin-drafts-row: pointer;
    --opacity-admin-drafts-committed-row: 0.5;
}