/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --uris-breakpoint-sm: 640px;
  --uris-breakpoint-md: 768px;
  --uris-breakpoint-lg: 1024px;
  --uris-breakpoint-xl: 1280px;
  --uris-breakpoint-2xl: 1440px;
  --uris-chart-raw-teal: #0e9384;
  --uris-chart-raw-green: #16a34a;
  --uris-chart-raw-amber: #f59e0b;
  --uris-chart-raw-coral: #e4483d;
  --uris-chart-raw-sky: #2f8fe0;
  --uris-chart-raw-slate: #55606e;
  --uris-color-brand-black: #1d1d1b;
  --uris-color-brand-black-pure: #000000;
  --uris-color-brand-white: #ffffff;
  --uris-color-brand-blue: #004bc1;
  --uris-color-brand-blue-deep: #00347f;
  --uris-color-brand-blue-light: #d2e3fc;
  --uris-color-brand-gray-100: #f5f7fa;
  --uris-color-brand-gray-300: #eef1f5;
  --uris-color-brand-gray-400: #c8cdd8;
  --uris-color-brand-gray-500: #6d727c;
  --uris-color-brand-gray-700: #595e68;
  --uris-color-brand-green: #1e8e3e;
  --uris-color-brand-red: #d8000c;
  --uris-color-brand-yellow: #ffd500;
  --uris-color-brand-amber: #b45309;
  --uris-color-brand-green-dark: #166534;
  --uris-color-brand-green-light: #dcfce7;
  --uris-color-brand-amber-light: #fef3c7;
  --uris-color-brand-red-light: #fff0f0;
  --uris-color-semantic-overlay-text-strong: #ffffff; /** Білий текст/іконки поверх зображення (hero) — основний рівень, чистий білий. 0.9→1.0 (П6 F-1, 2026-07-02): відновлення ієрархії після підняття overlay-text до 0.9. Лише на затемненому/скримованому фоні. */
  --uris-color-semantic-overlay-text: rgba(255, 255, 255, 0.9); /** Білий текст поверх зображення — вторинний рівень. 0.75→0.9 (аудит #7, 2026-07-02): контраст на непередбачуваному hero-фоні; transparent-navbar усе одно лише поверх затемненого/скримованого зображення. */
  --uris-color-semantic-overlay-text-muted: rgba(255, 255, 255, 0.55); /** Білий текст поверх зображення — приглушений/декоративний. */
  --uris-color-semantic-overlay-separator: rgba(255, 255, 255, 0.4); /** Видимий роздільник поверх зображення. */
  --uris-color-semantic-overlay-border: rgba(255, 255, 255, 0.2); /** Тонка межа поверх зображення. */
  --uris-color-semantic-overlay-surface: rgba(255, 255, 255, 0.12); /** Заливка hover/active поверх зображення. */
  --uris-color-semantic-overlay-scrim: rgba(0, 0, 0, 0.85); /** Темна підкладка (напр. мобільне меню) поверх зображення. */
  --uris-component-btn-padding-block-sm: 6px;
  --uris-component-btn-padding-inline-sm: 12px;
  --uris-component-btn-min-height-sm: 32px;
  --uris-component-btn-font-size-sm: 0.75rem; /** 12px — sentence case (рішення A, 2026-07-02); до того 11px під UPPERCASE. */
  --uris-component-btn-padding-block-md: 9px;
  --uris-component-btn-padding-inline-md: 18px;
  --uris-component-btn-min-height-md: 44px;
  --uris-component-btn-font-size-md: 0.875rem; /** 14px — sentence case (рішення A, 2026-07-02); до того 12px під UPPERCASE. */
  --uris-component-btn-padding-block-lg: 13px;
  --uris-component-btn-padding-inline-lg: 1.5rem;
  --uris-component-btn-min-height-lg: 52px; /** Аудит #4 (2026-07-02): lg відрізняється від md; до того обидва 44px. */
  --uris-component-btn-font-size-lg: 1rem; /** 16px — sentence case (рішення A, 2026-07-02); до того 13px під UPPERCASE. */
  --uris-component-btn-letter-spacing: 0; /** Sentence case не трекується (рішення A, 2026-07-02). Для UPPERCASE-написів — font.letter-spacing.caps. */
  --uris-component-icon-size-sm: 16px; /** Малі іконки: шеврони тригерів (dropdown/user-menu/групи sidebar), сортування таблиці, іконка alert. Аудит #10 (2026-07-02). */
  --uris-component-icon-size-md: 20px; /** Стандартний розмір іконок системи: field/input/select, sidebar, pagination, toast, accordion. Аудит #10 (2026-07-02). */
  --uris-component-icon-size-lg: 24px; /** Великі іконки (page-header, hero, empty-state за потреби). Аудит #10 (2026-07-02). */
  --uris-component-badge-height-sm: 22px;
  --uris-component-badge-height-md: 26px;
  --uris-component-badge-padding-inline-sm: 8px;
  --uris-component-badge-padding-inline-md: 12px;
  --uris-component-badge-font-size-sm: 0.6875rem;
  --uris-component-badge-font-size-md: 0.75rem;
  --uris-component-badge-dot-size: 6px;
  --uris-component-badge-dismiss-size: 14px; /** Кнопка dismiss у tag-бейджі. Аудит #24 (2026-07-02) — був хардкод. */
  --uris-component-badge-dismiss-icon-size: 10px; /** Хрестик усередині dismiss-кнопки бейджа. Аудит #24 (2026-07-02) — був хардкод. */
  --uris-component-spinner-size-sm: 1rem;
  --uris-component-spinner-size-md: 1.5rem;
  --uris-component-spinner-size-lg: 2rem;
  --uris-component-spinner-stroke-sm: 2px;
  --uris-component-spinner-stroke-md: 2px;
  --uris-component-spinner-stroke-lg: 3px;
  --uris-component-field-label-width: 168px;
  --uris-component-switch-track-width: 48px;
  --uris-component-switch-track-height: 28px;
  --uris-component-switch-thumb-size: 20px;
  --uris-component-switch-thumb-gap: 4px;
  --uris-component-alert-border-width: 4px;
  --uris-component-alert-note-border-width: 3px;
  --uris-component-tooltip-max-width: 240px;
  --uris-component-tooltip-font-size: 0.6875rem;
  --uris-component-tooltip-arrow-size: 6px;
  --uris-component-tooltip-trigger-border-width: 1.5px;
  --uris-component-tooltip-z-index: 10;
  --uris-component-avatar-size-sm: 24px;
  --uris-component-avatar-size-md: 32px;
  --uris-component-avatar-size-lg: 40px;
  --uris-component-avatar-font-size-sm: 0.625rem;
  --uris-component-avatar-font-size-md: 0.75rem;
  --uris-component-avatar-font-size-lg: 0.875rem;
  --uris-component-avatar-status-size-sm: 6px;
  --uris-component-avatar-status-size-md: 8px;
  --uris-component-avatar-status-size-lg: 10px;
  --uris-component-avatar-group-offset-sm: -6px;
  --uris-component-avatar-group-offset-md: -8px;
  --uris-component-avatar-group-offset-lg: -10px;
  --uris-component-avatar-chip-padding: 3px; /** Внутрішній відступ user-chip навколо аватарки (кільце). Аудит #24 (2026-07-02) — був хардкод. */
  --uris-component-avatar-chip-max-width: 260px; /** Максимальна ширина user-chip до обрізання імені ellipsis. Аудит #24 (2026-07-02) — був хардкод. */
  --uris-component-progress-height-sm: 3px;
  --uris-component-progress-height-md: 6px;
  --uris-component-progress-circle-size-sm: 32px;
  --uris-component-progress-circle-size-md: 48px;
  --uris-component-progress-circle-stroke-sm: 3px;
  --uris-component-progress-circle-stroke-md: 4px;
  --uris-component-progress-circle-font-size-sm: 0.625rem;
  --uris-component-progress-circle-font-size-md: 0.75rem;
  --uris-component-progress-circle-circumference: 100px; /** Довжина кола r=15.9155 у viewBox 36×36 (2πr≈100). SVG px = user units, від display-розміру НЕ залежить — тому токен один для sm і md (злиття -sm/-md, аудит #22, 2026-07-02). */
  --uris-component-empty-icon-size: 56px;
  --uris-component-empty-icon-inner: 24px;
  --uris-component-empty-icon-size-page: 72px;
  --uris-component-empty-icon-inner-page: 32px;
  --uris-component-skeleton-line-xs: 10px;
  --uris-component-skeleton-line-sm: 14px;
  --uris-component-skeleton-line-md: 18px;
  --uris-component-skeleton-line-lg: 22px;
  --uris-component-skeleton-line-xl: 28px;
  --uris-component-skeleton-rect-height: 40px;
  --uris-component-card-media-ratio: 16 / 7;
  --uris-component-card-grid-min: 280px;
  --uris-component-tabs-indicator-height: 2px;
  --uris-component-tabs-pill-height: 32px;
  --uris-component-tabs-pill-height-sm: 26px;
  --uris-component-dropdown-z-index: 100;
  --uris-component-dropdown-min-width: 180px;
  --uris-component-dropdown-max-height: 320px;
  --uris-component-dropdown-item-height: 40px;
  --uris-component-modal-width-sm: 360px;
  --uris-component-modal-width-md: 480px;
  --uris-component-modal-width-lg: 720px;
  --uris-component-modal-z-index: 200; /** ДОКУМЕНТАЦІЙНИЙ слот z-шкали (tooltip 10 < sidebar 90 < dropdown 100 < navbar 150 < modal 200 < toast 300). У CSS не застосовується: <dialog> живе в top-layer браузера. Не видаляти (П6 F-2, 2026-07-02). */
  --uris-component-modal-backdrop: rgba(29,29,27,0.5);
  --uris-component-toast-z-index: 300;
  --uris-component-toast-width: 360px;
  --uris-component-toast-timer-height: 2px; /** Висота смужки-таймера автозакриття. Аудит #24 (2026-07-02) — був хардкод. */
  --uris-component-navbar-height: 60px;
  --uris-component-navbar-height-mobile: 56px;
  --uris-component-navbar-link-indicator-height: 2px;
  --uris-component-navbar-z-index: 150;
  --uris-component-profile-card-photo-size: 160px; /** Діаметр портрета контакт-картки персони (#51). НЕ Avatar (#6): avatar — до 40px для списків/чипів, тут портрет-представлення. */
  --uris-component-band-max-width: 1280px; /** Максимальна ширина внутрішнього контейнера повноширинної секції (#49) — збігається з .page-container еталонних сторінок. */
  --uris-component-fab-size: 56px; /** Діаметр плаваючої кнопки зворотного зв'язку (#48). */
  --uris-component-fab-z-index: 175; /** Новий рівень z-шкали (#48): між navbar 150 і modal 200 — поверх контенту/шапки, під модалами й тостами. */
  --uris-component-calendar-day-min-height: 112px; /** Мінімальна висота клітинки дня в сітці «місяць» (#44): число + 2-3 чипи подій. */
  --uris-component-calendar-event-dot-size: 6px; /** Крапка-маркер події в чипі (= badge.dot-size, окремий токен для незалежної еволюції). #44. */
  --uris-component-cabinet-layout-aside-width: 300px; /** Ширина правої колонки «Довідка» у двоколонковому каркасі кабінету (#37). Приблизно чверть контентної ширини поточної системи. */
  --uris-component-sidebar-width: 264px;
  --uris-component-sidebar-active-bar-width: 3px; /** Ширина акцент-смужки активного пункта. Свідомо 3px ≠ navbar 2px: щільний вертикальний список потребує виразнішого маркера, ніж горизонтальний ряд (аудит #19, 2026-07-02). */
  --uris-component-sidebar-width-collapsed: 64px;
  --uris-component-sidebar-item-height: 40px;
  --uris-component-sidebar-z-index: 90;
  --uris-component-pagination-item-size: 40px;
  --uris-component-pagination-indicator-height: 2px;
  --uris-component-footer-border: rgba(255, 255, 255, 0.16);
  --uris-component-footer-max-width: 1440px;
  --uris-component-table-sticky-max-block-size: 460px;
  --uris-component-donut-chart-size-sm: 96px;
  --uris-component-donut-chart-size-md: 160px;
  --uris-component-donut-chart-stroke-sm: 6px; /** SVG user units у viewBox 0 0 36 36 (1:1 з Progress circle), НЕ display-пікселі — той самий прийом, що й circumference. Реальна візуальна товщина = токен × (розмір-кільця-в-px / 36): 6×160/36≈27px (md), 6×96/36≈16px (sm). */
  --uris-component-donut-chart-stroke-md: 6px;
  --uris-component-donut-chart-circumference: 100px; /** Довжина кола в SVG user units (viewBox 0 0 36 36, r=15.9155) — однакова для обох розмірів кільця (розмір задає лише CSS width/height), тому токен один. Довідковий: JS-рендерер тримає власну константу CIRCUMFERENCE=100. Злито з дубля circumference-sm/md 2026-07-02. */
  --uris-component-donut-chart-segment-gap: 1.5px;
  --uris-component-choropleth-map-max-block-size: 24rem; /** Обмежує висоту SVG-мапи у широкій chart-card, щоб контур не домінував над сторінкою (аналог component.table.sticky-max-block-size). */
  --uris-component-choropleth-map-stroke-width: 1px; /** Межа між областями за замовчуванням. */
  --uris-component-choropleth-map-stroke-width-active: 2px; /** Товщина межі під hover/активним регіоном. */
  --uris-duration-fast: 150ms;
  --uris-duration-normal: 250ms;
  --uris-duration-slow: 400ms;
  --uris-duration-spinner: 800ms;
  --uris-duration-skeleton: 1500ms;
  --uris-ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --uris-radius-none: 0;
  --uris-radius-sm: 4px;
  --uris-radius-md: 8px;
  --uris-radius-lg: 12px;
  --uris-radius-xl: 16px;
  --uris-radius-full: 9999px;
  --uris-shadow-sm: 0 1px 3px 0 rgba(29, 29, 27, 0.06);
  --uris-shadow-md: 0 2px 8px 0 rgba(29, 29, 27, 0.08);
  --uris-shadow-lg: 0 4px 16px 0 rgba(29, 29, 27, 0.12);
  --uris-shadow-xl: 0 4px 24px 0 rgba(29, 29, 27, 0.14); /** Найвищий рівень: плаваючі оверлеї (toast). Аудит #8 (2026-07-02) — замінив bespoke компонентні shadow-токени. */
  --uris-spacing-0: 0;
  --uris-spacing-1: 0.25rem;
  --uris-spacing-2: 0.5rem;
  --uris-spacing-3: 0.75rem;
  --uris-spacing-4: 1rem;
  --uris-spacing-5: 1.25rem;
  --uris-spacing-6: 1.5rem;
  --uris-spacing-8: 2rem;
  --uris-spacing-10: 2.5rem;
  --uris-spacing-12: 3rem;
  --uris-spacing-16: 4rem;
  --uris-spacing-20: 5rem;
  --uris-spacing-24: 6rem;
  --uris-font-family-body: 'e-Ukraine', sans-serif;
  --uris-font-family-heading: 'e-UkraineHead', sans-serif;
  --uris-font-family-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', 'Menlo', monospace; /** Моноширинний для коду, токенів і технічних метаданих. JetBrains Mono — з брендбука; вебшрифт підключено (assets/fonts/, ваги 400/500/600). */
  --uris-font-weight-thin: 100;
  --uris-font-weight-ultralight: 200;
  --uris-font-weight-light: 300;
  --uris-font-weight-regular: 400;
  --uris-font-weight-medium: 500;
  --uris-font-weight-bold: 700;
  --uris-font-letter-spacing-caps: 0.06em; /** Трекінг для UPPERCASE-написів: eyebrow-підписи, підписи груп, kicker. Для звичайного sentence-case тексту трекінг не застосовується. */
  --uris-text-2xs-size: 0.6875rem;
  --uris-text-2xs-line: 1.4;
  --uris-text-xs-size: 0.75rem;
  --uris-text-xs-line: 1.3;
  --uris-text-sm-size: 0.875rem;
  --uris-text-sm-line: 1.55;
  --uris-text-base-size: 1rem;
  --uris-text-base-line: 1.55;
  --uris-text-lg-size: 1.125rem;
  --uris-text-lg-line: 1.55;
  --uris-text-xl-size: 1.25rem;
  --uris-text-xl-line: 1.3;
  --uris-text-2xl-size: 1.5rem;
  --uris-text-2xl-line: 1.3;
  --uris-text-3xl-size: 1.875rem;
  --uris-text-3xl-line: 1.3;
  --uris-text-4xl-size: 2.375rem;
  --uris-text-4xl-line: 1.15;
  --uris-text-5xl-size: 4rem;
  --uris-text-5xl-line: 1.15;
  --uris-chart-raw-blue: var(--uris-color-brand-blue); /** Категоріальна палітра для донат/бар-чартів (не semantic-призначення, тому окремий namespace, не color.brand). Варіант «Б» з 3 запропонованих — підтверджено користувачем 2026-07-01. */
  --uris-chart-raw-blue-deep: var(--uris-color-brand-blue-deep);
  --uris-chart-categorical-2: var(--uris-chart-raw-teal);
  --uris-chart-categorical-3: var(--uris-chart-raw-green);
  --uris-chart-categorical-4: var(--uris-chart-raw-amber);
  --uris-chart-categorical-5: var(--uris-chart-raw-coral);
  --uris-chart-categorical-6: var(--uris-chart-raw-sky);
  --uris-chart-categorical-7: var(--uris-chart-raw-slate);
  --uris-color-semantic-primary: var(--uris-color-brand-black);
  --uris-color-semantic-secondary: var(--uris-color-brand-gray-700);
  --uris-color-semantic-accent: var(--uris-color-brand-blue);
  --uris-color-semantic-surface: var(--uris-color-brand-white);
  --uris-color-semantic-surface-muted: var(--uris-color-brand-gray-100);
  --uris-color-semantic-surface-hover: var(--uris-color-brand-gray-300);
  --uris-color-semantic-surface-active: var(--uris-color-brand-gray-400);
  --uris-color-semantic-text: var(--uris-color-brand-black);
  --uris-color-semantic-text-muted: var(--uris-color-brand-gray-500);
  --uris-color-semantic-border: var(--uris-color-brand-gray-300);
  --uris-color-semantic-link: var(--uris-color-brand-blue);
  --uris-color-semantic-success: var(--uris-color-brand-green); /** Лише UI/іконки/бордюри/заливки (≥3:1). Для ТЕКСТУ — success-text: success на білому 4.21:1 < 4.5 AA. */
  --uris-color-semantic-danger: var(--uris-color-brand-red);
  --uris-color-semantic-warning: var(--uris-color-brand-amber);
  --uris-color-semantic-info: var(--uris-color-brand-blue-light);
  --uris-color-semantic-focus-ring: var(--uris-color-brand-blue);
  --uris-color-semantic-signal: var(--uris-color-brand-yellow);
  --uris-color-semantic-cta-start: var(--uris-color-brand-blue);
  --uris-color-semantic-cta-end: var(--uris-color-brand-blue-deep);
  --uris-color-semantic-success-surface: var(--uris-color-brand-green-light);
  --uris-color-semantic-success-text: var(--uris-color-brand-green-dark); /** Зелений для ТЕКСТУ (green-dark): 6.49:1 на success-surface, ≥4.5 на білому. Парний до success. */
  --uris-color-semantic-warning-surface: var(--uris-color-brand-amber-light);
  --uris-color-semantic-danger-surface: var(--uris-color-brand-red-light);
  --uris-component-dropdown-menu-padding-block: var(--uris-spacing-1);
  --uris-component-dropdown-indicator-width: var(--uris-component-tabs-indicator-height);
  --uris-component-navbar-scrim: var(--uris-component-modal-backdrop); /** Затемнення контенту сторінки під розкритим мега-меню (#46). Той самий тон, що modal backdrop. */
  --uris-component-band-surface-dark: var(--uris-color-brand-blue-deep); /** Темний фон hero/band (#49) — глибокий синій бренду (як cta-end). */
  --uris-component-fab-offset: var(--uris-spacing-6); /** Відступ FAB від країв в'юпорта (#48). */
  --uris-component-footer-surface: var(--uris-color-brand-black-pure);
  --uris-component-footer-text: var(--uris-color-brand-white);
  --uris-component-footer-text-muted: var(--uris-color-brand-gray-400);
  --uris-component-breadcrumbs-text: var(--uris-color-brand-black-pure);
  --uris-chart-categorical-1: var(--uris-chart-raw-blue); /** Слот 1 — основний акцент бренду (незмінний з початкової версії). */
  --uris-chart-categorical-8: var(--uris-chart-raw-blue-deep); /** Слот 8 — крайній випадок; на практиці категорії варто агрегувати в «інше» раніше. */
}