/** * Локальні шрифти e-Ukraine та e-Ukraine Head. * Змінні типографіки перезаписуються лише коли на є data-ui-font="e-ukraine". */ /* --- e-Ukraine (основний текст) --- */ @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine/e-Ukraine-Thin.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine/e-Ukraine-UltraLight.otf') format('opentype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine/e-Ukraine-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine/e-Ukraine-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine/e-Ukraine-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine/e-Ukraine-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } /* --- e-Ukraine Head (заголовки) --- */ @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-Ukraine-Head/e-UkraineHead-Thin.otf') format('opentype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-Ukraine-Head/e-UkraineHead-UltraLight.otf') format('opentype'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-Ukraine-Head/e-UkraineHead-Light.otf') format('opentype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-Ukraine-Head/e-UkraineHead-Regular.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-Ukraine-Head/e-UkraineHead-Medium.otf') format('opentype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-Ukraine-Head/e-UkraineHead-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; font-display: swap; } /* Варіант для логотипів і акцентів (окремий накресл) */ @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-Ukraine-Head/e-UkraineHead-LOGO.otf') format('opentype'); font-weight: 800; font-style: normal; font-display: swap; } /* ── SemiBold (600): у родині НЕМАЄ окремого файлу 600. Без цих блоків запит font-weight:600 (а його широко ставить нова 9-ролева шкала - t-section/t-title/t-title-xl/t-label) округлявся б ВГОРУ до Bold(700), роблячи e-Ukraine «важчим» за задумане. Мапимо 600 -> Medium-накресл, що тримає e-Ukraine легким, як і решта його тюнінгу. */ @font-face { font-family: 'e-Ukraine'; src: url('../fonts/e-Ukraine/e-Ukraine-Medium.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'e-Ukraine Head'; src: url('../fonts/e-Ukraine-Head/e-UkraineHead-Medium.otf') format('opentype'); font-weight: 600; font-style: normal; font-display: swap; } html[data-ui-font="e-ukraine"] { --font-primary: 'e-Ukraine', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-display: 'e-Ukraine Head', 'e-Ukraine', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-secondary: 'e-Ukraine Head', 'e-Ukraine', sans-serif; /* Без штучного «нафарбованого» жиру, якщо для ваги немає окремого накреслу */ font-synthesis: none; /* Менша rem-база (~12% від типового 16px): дрібніша типографіка та rem-компоненти, px у style.css не чіпає */ font-size: 88%; } /* * e-Ukraine візуально набагато «щільніший» за Mulish — базово беремо Light (300), * акценти лишаються Regular/Medium; стандартна тема не змінюється. */ html[data-ui-font="e-ukraine"] body { font-weight: 300; /* 1rem = масштабований root на html; не дублюємо окремий «мінус» до rem-бази */ font-size: 1rem; line-height: 1.65; } html[data-ui-font="e-ukraine"] p { line-height: 1.68; } html[data-ui-font="e-ukraine"] small, html[data-ui-font="e-ukraine"] .small { font-size: 0.8125rem; } /* Заголовки: трохи менші кеглі та м’якший негативний трекінг (Head не любить «Montserrat-тісноту») */ html[data-ui-font="e-ukraine"] h1, html[data-ui-font="e-ukraine"] h2, html[data-ui-font="e-ukraine"] h3, html[data-ui-font="e-ukraine"] h4, html[data-ui-font="e-ukraine"] h5, html[data-ui-font="e-ukraine"] h6 { font-weight: 400; letter-spacing: -0.01em; line-height: 1.32; } html[data-ui-font="e-ukraine"] h1 { font-size: 2.1rem; font-weight: 500; } html[data-ui-font="e-ukraine"] h2 { font-size: 1.75rem; font-weight: 400; } html[data-ui-font="e-ukraine"] h3 { font-size: 1.4rem; } html[data-ui-font="e-ukraine"] h4 { font-size: 1.125rem; } html[data-ui-font="e-ukraine"] h5 { font-size: 1.05rem; } html[data-ui-font="e-ukraine"] h6 { font-size: 0.9375rem; } html[data-ui-font="e-ukraine"] strong, html[data-ui-font="e-ukraine"] b { font-weight: 400; } html[data-ui-font="e-ukraine"] .nav-section-title { font-weight: 400; letter-spacing: 0.04em; } html[data-ui-font="e-ukraine"] .breadcrumb-item + .breadcrumb-item::before { font-weight: 400; } html[data-ui-font="e-ukraine"] .breadcrumb-text, html[data-ui-font="e-ukraine"] .breadcrumb-link { font-weight: 300; } html[data-ui-font="e-ukraine"] .breadcrumb, html[data-ui-font="e-ukraine"] .breadcrumb-item { font-size: 0.875rem; } html[data-ui-font="e-ukraine"] .page-title-row h1, html[data-ui-font="e-ukraine"] .page-title-row h2 { font-weight: 400; font-size: 1.9rem; letter-spacing: -0.01em; } @media (max-width: 768px) { html[data-ui-font="e-ukraine"] .page-title-row h1, html[data-ui-font="e-ukraine"] .page-title-row h2 { font-size: 1.25rem; } } html[data-ui-font="e-ukraine"] .task-section-title { font-weight: 400; font-size: 0.84rem; } html[data-ui-font="e-ukraine"] .navbar .navbar-brand { font-weight: 400; font-size: 1.35rem; } html[data-ui-font="e-ukraine"] .navbar .nav-link { font-weight: 300; } html[data-ui-font="e-ukraine"] .navbar .nav-link.active { font-weight: 400; } html[data-ui-font="e-ukraine"] .dropdown-item { font-weight: 300; font-size: 0.8125rem; } html[data-ui-font="e-ukraine"] .sidebar .nav-link, html[data-ui-font="e-ukraine"] .sidebar .nav-label { font-size: 0.8125rem; font-weight: 300; } html[data-ui-font="e-ukraine"] body:not(.sidebar-collapsed) .sidebar .nav-link.active, html[data-ui-font="e-ukraine"] body.sidebar-collapsed .sidebar .nav-link.active { font-weight: 400; } html[data-ui-font="e-ukraine"] .card-header { font-weight: 400; } html[data-ui-font="e-ukraine"] .table { font-size: 0.875rem; } html[data-ui-font="e-ukraine"] .table th { font-weight: 400; } html[data-ui-font="e-ukraine"] .btn, html[data-ui-font="e-ukraine"] .btn-lg { font-weight: 400; font-size: 0.8125rem; } html[data-ui-font="e-ukraine"] .btn-lg { font-size: 0.9rem; } html[data-ui-font="e-ukraine"] .nav-tabs-custom .nav-link { font-weight: 300; } html[data-ui-font="e-ukraine"] .form-label { font-weight: 300 !important; } html[data-ui-font="e-ukraine"] .form-control, html[data-ui-font="e-ukraine"] .form-select { font-size: 0.9375rem; font-weight: 300; } html[data-ui-font="e-ukraine"] .badge { font-weight: 400 !important; font-size: 0.75rem; } html[data-ui-font="e-ukraine"] .modal-title { font-weight: 400; letter-spacing: -0.01em; } html[data-ui-font="e-ukraine"] .card-title { font-weight: 400; letter-spacing: -0.01em; } /* Bootstrap 5: ще один крок легше відносно попереднього зсуву для e-Ukraine */ html[data-ui-font="e-ukraine"] .fw-medium { font-weight: 300 !important; } html[data-ui-font="e-ukraine"] .fw-semibold { font-weight: 400 !important; } html[data-ui-font="e-ukraine"] .fw-bold { font-weight: 500 !important; } html[data-ui-font="e-ukraine"] .fw-bolder { font-weight: 600 !important; } html[data-ui-font="e-ukraine"] .fw-light { font-weight: 200 !important; } /* * Дашборд і renderPageHeader: у стандартних шрифтах тут стоять 600–800, * що для Mulish/Montserrat дає «повітряну» ієрархію, а для e-Ukraine — суцільний жир. * Вирівнюємо під той самий візуальний баланс, що на скріншоті зі стандартом. */ html[data-ui-font="e-ukraine"] .page-header-custom h1, html[data-ui-font="e-ukraine"] .page-header-custom .h2 { font-weight: 500; letter-spacing: -0.015em; } html[data-ui-font="e-ukraine"] .page-header-custom p.text-muted { font-weight: 300; letter-spacing: 0.05em; } html[data-ui-font="e-ukraine"] .hdr-stats__value { font-weight: 500; } html[data-ui-font="e-ukraine"] .hdr-stats__label { font-weight: 200; } html[data-ui-font="e-ukraine"] .btn-gradient-primary { font-weight: 500; } html[data-ui-font="e-ukraine"] .card.hover-lift .card-header h6 { font-weight: 500; } /* У style.css для посилань завдань/справ задано 700 — для e-Ukraine лишаємо «основний» рядок без жиру */ html[data-ui-font="e-ukraine"] .case-title-link, html[data-ui-font="e-ukraine"] .case-link, html[data-ui-font="e-ukraine"] .case-number-link, html[data-ui-font="e-ukraine"] .task-title, html[data-ui-font="e-ukraine"] .task-name-text, html[data-ui-font="e-ukraine"] .hearing-link { font-weight: 400; } html[data-ui-font="e-ukraine"] .dashboard-tasks-list .overdue-task .task-link, html[data-ui-font="e-ukraine"] .dashboard-tasks-list .overdue-task .task-title, html[data-ui-font="e-ukraine"] .dashboard-tasks-list .current-task .task-link { font-weight: 400; } html[data-ui-font="e-ukraine"] .dashboard-hearings-list .hearing-link { font-weight: 400; } html[data-ui-font="e-ukraine"] .dashboard-tasks-list .task-case-info { font-weight: 300; } /* Інлайн-стилі дашборду в index.php: bold для блоку дати — пом’якшуємо */ html[data-ui-font="e-ukraine"] .hearing-datetime-compact .day-number-large { font-weight: 600; } html[data-ui-font="e-ukraine"] .hearing-datetime-compact .month-name-small, html[data-ui-font="e-ukraine"] .hearing-datetime-compact .day-name-small, html[data-ui-font="e-ukraine"] .hearing-datetime-compact .time-small { font-weight: 400; } html[data-ui-font="e-ukraine"] .case-number-text strong { font-weight: 400; } html[data-ui-font="e-ukraine"] .location-info .court-name { font-weight: 400; } html[data-ui-font="e-ukraine"] .pill-status { font-weight: 300; } /* Календар засідань (розгорнутий список у style.css) */ html[data-ui-font="e-ukraine"] .hearing-day { font-weight: 600; } html[data-ui-font="e-ukraine"] .hearing-month { font-weight: 400; } html[data-ui-font="e-ukraine"] .hearing-time { font-weight: 500; } html[data-ui-font="e-ukraine"] .hearing-court { font-weight: 300; }