/* =============================================================================
   БРЕНДОВЫЕ СТИЛИ DJANGO ADMIN
   =============================================================================
   Этот файл переопределяет CSS-переменные стандартного Django admin.
   Все переменные объявлены в :root — достаточно изменить значения здесь.

   ШРИФТ
   ------
   Шрифт: Onest (9 начертаний, файлы в static/admin/fonts/)

   ЛОГОТИП
   -------
   Положите файл в: static/admin/img/logo.svg  (или logo.png)
   Если файл отсутствует — вместо него отображается текст site_header.

   ЦВЕТА
   -----
   Замените заглушки #... реальными hex-значениями бренда.
   ============================================================================= */


/* -----------------------------------------------------------------------------
   ШРИФТ — @font-face
   ----------------------------------------------------------------------------- */

@font-face {
    font-family: 'Onest';
    src: url('../fonts/Onest-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('../fonts/Onest-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('../fonts/Onest-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Onest';
    src: url('../fonts/Onest-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Onest';
    src: url('../fonts/Onest-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Onest';
    src: url('../fonts/Onest-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* -----------------------------------------------------------------------------
   CSS-ПЕРЕМЕННЫЕ БРЕНДА
   ----------------------------------------------------------------------------- */

:root {
    /* --- ШРИФТ --------------------------------------------------------------- */
    --font-family-primary: 'Onest', system-ui, -apple-system, sans-serif;


    /* --- АКЦЕНТНЫЕ ЦВЕТА ----------------------------------------------------- */

    /* Основной акцент: кнопка "Сохранить", активные вкладки фильтра, индикатор */
    --primary: #2B67F6;

    /* Текст поверх --primary фона (обычно белый) */
    --primary-fg: #fff;

    /* Вторичный акцент: используется в нескольких местах интерфейса */
    --secondary: #2B67F6;


    /* --- ШАПКА (header) ------------------------------------------------------ */

    /* Фон шапки (тёмная полоса вверху страницы) */
    --header-bg: #2B67F6;

    /* Основной текст в шапке */
    --header-color: #fff;

    /* Ссылки в шапке (кроме лого) */
    --header-link-color: #fff;

    /* Цвет текста лого / названия сайта в шапке */
    --header-branding-color: #fff;


    /* --- ХЛЕБНЫЕ КРОШКИ (breadcrumbs) ---------------------------------------- */

    /* Фон полосы breadcrumbs */
    --breadcrumbs-bg: #2B67F6;

    /* Текст breadcrumbs */
    --breadcrumbs-fg: #E6FD63;

    /* Ссылки в breadcrumbs */
    --breadcrumbs-link-fg: #fff;


    /* --- ОСНОВНОЙ ТЕКСТ И ФОН ------------------------------------------------- */

    /* Главный цвет текста на странице */
    --body-fg: #333;

    /* Фон основного контента */
    --body-bg: #fff;

    /* Приглушённый текст: подсказки, вспомогательные лейблы */
    --body-quiet-color: #666;

    /* Выделенный текст: счётчики, акцентные значения */
    --body-loud-color: #000;


    /* --- ССЫЛКИ -------------------------------------------------------------- */

    /* Обычная ссылка */
    --link-fg: #2B67F6;

    /* Ссылка при наведении */
    --link-hover-color: tomato;

    /* Выбранная/активная ссылка */
    --link-selected-fg: tomato;


    /* --- ГРАНИЦЫ И РАЗДЕЛИТЕЛИ ----------------------------------------------- */

    /* Тонкие горизонтальные линии между строками таблиц */
    --hairline-color: #e8e8e8;

    /* Рамки блоков, полей ввода, модулей */
    --border-color: #ccc;


    /* --- ФОНОВЫЕ СОСТОЯНИЯ --------------------------------------------------- */

    /* Чуть темнее body-bg: сайдбар, шапки таблиц, блок фильтра */
    --darkened-bg: #f8f8f8;

    /* Фон выбранного/выделенного элемента в выпадающих списках */
    --selected-bg: #e4f0f6;

    /* Подсветка строки таблицы при отметке чекбоксом */
    --selected-row: #ffc;


    /* --- КНОПКИ (вторичные) -------------------------------------------------- */

    /* Текст на обычных кнопках */
    --button-fg: #fff;

    /* Фон обычных кнопок */
    --button-bg: #D8E3F8;

    /* Фон обычных кнопок при наведении */
    --button-hover-bg: #609ab6;

    --object-tools-fg: #fff;
    --object-tools-bg: #2B67F6;
    --object-tools-hover-bg: #D8E3F8;


    /* --- КНОПКА "СОХРАНИТЬ" (основная) --------------------------------------- */

    /* Фон основной кнопки действия */
    --default-button-bg: #2B67F6;

    /* Фон основной кнопки при наведении */
    --default-button-hover-bg: #205067;


    /* --- ОПАСНЫЕ ДЕЙСТВИЯ ---------------------------------------------------- */

    /* Кнопка "Удалить" */
    --delete-button-bg: #EE4899;
    --delete-button-hover-bg: #a41515;

    /* Кнопка закрытия попапов */
    --close-button-bg: #888;


    /* --- СООБЩЕНИЯ / УВЕДОМЛЕНИЯ --------------------------------------------- */

    /* Фон успешного уведомления ("Объект сохранён") */
    --message-success-bg: #dfd;

    /* Фон предупреждения */
    --message-warning-bg: #ffc;

    /* Фон ошибки */
    --message-error-bg: #ffefef;

    /* Цвет текста ошибок внутри форм (под полями) */
    --error-fg: #ba2121;
}


/* -----------------------------------------------------------------------------
   ПРИМЕНЕНИЕ ШРИФТА
   ----------------------------------------------------------------------------- */

body,
input,
select,
textarea,
button {
    font-family: var(--font-family-primary);
}


/* -----------------------------------------------------------------------------
   ЛОГОТИП В ШАПКЕ
   ----------------------------------------------------------------------------- */

.admin-logo {
    height: 36px;   /* подберите высоту под свой логотип */
    width: auto;
    display: block;
}

#nav-filter {
    background-color: transparent;
    border: 0;
}