/*
 * Стилі профілю X-Transport (ADR 048) — разова демонстрація, видаляється
 * разом із каталогом `public/brands/xtransport/`.
 *
 * Підключає `brandHtmlPlugin` лише за `VITE_BRAND=xtransport`. Тут тільки
 * шрифт і змінні: компоненти читають їх із запасними значеннями, тож без цього
 * файлу все лишається як в Астерікса.
 *
 * Benzin — комерційний шрифт із сайту компанії: лише для показу їй самій.
 */

@font-face {
    font-family: 'Benzin';
    src: url('./fonts/Benzin-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Benzin';
    src: url('./fonts/Benzin-Bold.woff2') format('woff2');
    font-weight: 600 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Benzin';
    src: url('./fonts/Benzin-ExtraBold.woff2') format('woff2');
    font-weight: 800 900;
    font-style: normal;
    font-display: swap;
}

:root {
    /* Заголовний шрифт сайту: назва бренду, заголовок екрана входу */
    --wl-font-display: 'Benzin', 'Montserrat', sans-serif;
    /* Benzin широкий: той самий рядок у ньому довший на чверть */
    --wl-font-display-scale: 0.8;
}

/*
 * Темна тема на графітових тлах сайту (`#1F2023` — блок). Заливка шапки
 * таблиці в `theme.css` змішана під чорне тло antd (`#1d1d1d`) і на графіті
 * виходила темнішою за сам блок — тут вона на крок світліша.
 */
:root[data-brand='xtransport'][data-theme='dark'] {
    --wl-fill-subtle: #26272b;
}