/* Цветовая гамма для Sweet Bonanza - яркая конфетная тематика с красно-розовыми оттенками */

/* Основные цвета фона */
.bg-gray-800 { background-color: #8a1a28 !important; } /* Темно-красный */
.bg-gray-700 { background-color: #b02234 !important; } /* Красный */
.bg-gray-600 { background-color: #d62a3c !important; } /* Ярко-красный */
.bg-gray-500 { background-color: #ff3050 !important; } /* Основной цвет - ярко-розовый/красный */
.bg-gray-400 { background-color: #ff5a73 !important; } /* Светло-красный */
.bg-gray-300 { background-color: #ff8599 !important; } /* Очень светло-красный */
.bg-gray-200 { background-color: #ffb0bd !important; } /* Бледно-красный */
.bg-gray-100 { background-color: #fbfbfb !important; } /* Почти белый с розовым оттенком - оставляем как есть */

/* Акцентные цвета (конфетные) */
.bg-blue-600 { background-color: #ff3050 !important; } /* Ярко-красный/розовый */
.bg-blue-500 { background-color: #ff5a73 !important; } /* Светло-красный */
.hover\:bg-blue-700:hover { background-color: #d62a3c !important; } /* Темно-красный */
.bg-blue-400 { background-color: #ffb0bd !important; } /* Очень светло-красный */

/* Текстовые цвета */
.text-blue-600 { color: #ff3050 !important; } /* Ярко-красный/розовый */
.text-blue-500 { color: #ff5a73 !important; } /* Светло-красный */
.hover\:text-blue-800:hover { color: #8a1a28 !important; } /* Очень темно-красный */
.text-gray-800 { color: #8a1a28 !important; } /* Темно-красный для текста */

/* Цвета границ */
.border-blue-500 { border-color: #ff5a73 !important; } /* Светло-красный */
.border-gray-300 { border-color: #ff8599 !important; } /* Очень светло-красный */

/* Эффекты при наведении */
.hover\:bg-blue-50:hover { background-color: #fff0f2 !important; } /* Очень светлый красный */
.hover\:text-blue-600:hover { color: #ff3050 !important; } /* Ярко-красный/розовый */

/* Дополнительные стили для улучшения внешнего вида */
.btn-primary, 
.btn-primary:hover, 
button.bg-blue-600 {
    background: linear-gradient(145deg, #ff5a73, #ff3050) !important;
    border: 1px solid #d62a3c !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.2) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1), 0 0 15px rgba(255, 48, 80, 0.5) !important;
}

/* Стилизация заголовков */
h1, h2, h3, h4, h5, h6 {
    color: #b02234 !important;
    text-shadow: 0 1px 1px rgba(255,255,255,0.3) !important;
}

/* Стилизация заголовков таблиц */
th, th.text-gray-500, thead th {
    color: #cd1a31 !important; /* Цвет Pinco для заголовков таблиц */
    font-weight: bold !important;
}

/* Конфетная рамка для важных элементов */
.candy-border {
    border: 2px solid #ff3050 !important;
    box-shadow: 0 0 10px rgba(255, 48, 80, 0.5) !important;
}

/* Стилизация навигации */
.nav-link:hover {
    background-color: rgba(255, 48, 80, 0.2) !important;
}

/* Стилизация карточек */
.card {
    border-color: #ff8599 !important;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1) !important;
}

.card-header {
    background: linear-gradient(145deg, #ff5a73, #ff3050) !important;
    color: #fff !important;
}

/* Добавляем сладкий градиент для фиксированной кнопки внизу экрана */
.fixed-bottom-btn {
    background: linear-gradient(145deg, #ff5a73, #ff3050) !important;
    border-top: 2px solid #d62a3c !important;
    color: #fff !important;
    font-weight: bold !important;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.2), 0 0 15px rgba(255, 48, 80, 0.3) !important;
}

/* Стилизация футера */
footer {
    background-color: #8a1a28 !important;
    border-top: 3px solid #ff3050 !important;
}

/* Красная иконка для меню-бургера */
.hamburger-icon {
    color: #ff3050 !important;
}

/* Стили для меню */
.mobile-menu { background-color: #8a1a28 !important; }
.desktop-nav .mx-2 { color: #ff3050 !important; }
.desktop-nav .group-hover\:w-full { background-color: #ff3050 !important; }
.mobile-menu .border-pink-800 { border-color: #b02234 !important; }
.mobile-menu .text-pink-400, .mobile-menu .text-pink-300 { color: #ff3050 !important; }
.mobile-menu .hover\:text-pink-300:hover { color: #ff5a73 !important; }