/* 1. Основной фон и текст */
body, .bg-light, .main-content {
    background-color: #222222 !important; /* Темно-серый фон */
    color: #e0e0e0 !important; /* Светло-серый текст (читаемый "стандарт") */
    font-family: 'Arial', sans-serif;
}

/* 2. Заголовки (Теплый оранжевый, добавляет уют) */
h1, h2, h3, h4, h5, h6, .card-title, .section-title, .navbar-brand {
    color: #ff9f43 !important; /* Мягкий оранжевый */
    text-shadow: 0 2px 4px rgba(0,0,0,0.6); /* Легкая тень для загадочности */
}

/* 3. Карточки товаров (Плотные, закругленные, с тенью) */
.card, .product-item, .product-card, .item-block {
    background-color: #2d2d2d !important; /* Плотный темный фон */
    border: 1px solid #444444 !important; /* Тонкая граница */
    border-radius: 12px !important; /* Закругленные углы */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5) !important; /* Уютная тень */
    transition: transform 0.2s ease, border-color 0.2s ease !important; /* Плавное наведение */
}

/* 4. Эффект при наведении на товар (Легкое увеличение) */
.card:hover, .product-item:hover, .product-card:hover, .item-block:hover {
    transform: scale(1.02) !important; /* Увеличиваем совсем чуть-чуть */
    border-color: #e74c3c !important; /* Красный акцент при наведении (загадочность) */
}

/* 5. Кнопки (Мягкий зеленый, не бьет по глазам) */
.btn, .btn-primary, .btn-success, .btn-buy {
    background-color: #27ae60 !important; /* Приятный, спокойный зеленый */
    border-color: #219a52 !important;
    color: #ffffff !important;
    border-radius: 8px !important; /* Закругленные углы */
    font-weight: bold !important;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0,0,0,0.3) !important;
    transition: all 0.3s ease !important;
}

/* 6. Кнопки при наведении (Становятся чуть ярче и поднимаются) */
.btn:hover, .btn-primary:hover, .btn-success:hover, .btn-buy:hover {
    background-color: #2ecc71 !important; /* Чуть светлее */
    transform: translateY(-2px) !important; /* Легкий подъем */
    box-shadow: 0 6px 10px rgba(0,0,0,0.4) !important;
}

/* 7. Цены и важные цифры (Красный акцент для привлечения внимания) */
.price, .product-price, .cost {
    color: #e74c3c !important; /* Насыщенный, но не ядовитый красный */
    font-weight: bold;
}