/* 1. Подключение шрифта Halvar Breit */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* Здесь нужно подключить ваш реальный шрифт Halvar Breit, если он загружается с сервера */
/* @font-face { ... } или @import url('/css/halvar-breit.css'); */

/* 2. Переопределение глобальных переменных под новый дизайн */
:root {
    --dark-green: #003A5D;      /* Новый основной синий */
    --dark-greent: #003A5D;     /* Алиас */
    --light-green: #ECECEC;     /* Светлый серый для фонов */
    --light-greent: #ECECEC;    /* Алиас */
    --light-greenta: rgba(236, 236, 236, 0);
    --light-greenth: rgba(236, 236, 236, 0.5);
    --light-greenth5: rgba(236, 236, 236, 0.4);
    
    --black: #1C1D1D;           /* Чёрный */
    --blackt: #1C1D1D;          /* Алиас */
    --gray-text: #6B7A7A;       /* Серый для текста */
    --gray-textt: #6B7A7A;      /* Алиас */
    --grey6: #F6F6F6;           /* Очень светлый серый */
    --page-bg: #F6F6F6;         /* Фон страницы */
    --white: #FFFFFF;           /* Белый */
    
    --sup-grey: #D9D9D9;        /* Серый для границ */
    --sup-greyt: #D9D9D9;       /* Алиас */
    --orange: #E7D1AB;          /* Золотой для акцентов */
    --red: #FF0000;             /* Красный */
    
    --bwgrad-s: rgba(255,255,255,0);
    --bwgrad-e: rgba(255,255,255,1);
    --whiteO5: rgba(255,255,255,0.5);
    --whiteO2: rgba(255,255,255,0.2);
    --whiteO1: rgba(255,255,255,0.1);
    --whitebg: rgba(255,255,255,0.4);
    --light-red: rgba(254, 162, 162, 0.56);
    
    --gold: #E7D1AB; /* Добавляем для удобства */
    --blue: #003A5D; /* Добавляем для удобства */
}

/* 3. Глобальные стили для body и html */
html,
body {
    padding: 0;
    margin: 0;
    font-family: 'Inter', sans-serif; /* Основной шрифт */
    font-size: 14px; /* Базовый размер (важно для rem) */
    background-color: var(--page-bg);
    color: var(--black);
    min-height: 100vh;
    box-sizing: border-box;
    
}

.login-bg
{
    background-image: url('/images/b2bd.webp');
}

.pagination-container, .sidebar
{
    background-color: var(--grey6);
}

.new-cart-btn
{
    background:linear-gradient(135deg, var(--dark-green), var(--black));
}

.new-cart-btn:hover
{
    background: var(--gold);
    color: var(--blue);
}

/* 4. Стили для заголовков и текста (как в новом примере) */
/*h1, .h1 {
    font: 400 3.75rem/120% 'Halvar Breit', sans-serif;
    margin: 4rem 0 1.5rem;
    color: var(--black);
}

h2, .h2 {
    font: 400 3rem/120% 'Halvar Breit', sans-serif;
    margin: 0 0 2rem;
    color: var(--black);
}

h3, .h3 {
    font: 700 2.25rem/120% 'Halvar Breit', sans-serif;
    color: var(--black);
}

h4, .h4 {
    font: 400 1.5rem/140% 'Halvar Breit', sans-serif;
    color: var(--black);
}

.p0 { font: 400 1.25rem/130% 'Halvar Breit', sans-serif; }
.p2 { font: 400 0.875rem/140% 'Halvar Breit', sans-serif; }
.p3 { font: 400 0.75rem/140% 'Halvar Breit', sans-serif; }
*/

/* 5. Общие стили для элементов */
a {
    text-decoration: none;
    color: var(--black);
    transition: all 0.3s ease;
}

a:hover {
    color: var(--dark-green); /* Синий при наведении */
}

button, .button {
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: inherit;
}



/* 7. Обновление стилей для форм, инпутов и селектов (как в новом стиле) */
input, button, textarea, .select {

    background-color: #ECECEC; /* Как в примере */
}



/* Стиль для основных кнопок (как в новом примере) */
.button.blue, .tabs-line a.selected, .buttons-line a, .buttons-column a {
    background-color: var(--blue);
    color: var(--white);
}

.button.gold, .buttons-line a.gold, .buttons-column a.gold {
    background-color: var(--gold);
    color: var(--black);
}

.button.grey {
    background-color: var(--grey-light1);
    color: var(--black);
}