/* Custom configuration for Tailwind */
        tailwind.config = {
            theme: {
                extend: {
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    },
                    colors: {
                        'primary': '#055498', /* A deep blue for academic feel */
                        'secondary': '#f3ff6', /* Light gray background */
                        'accent-blue': '#1e73be',
                    }
                }
            }
        }
        /* Custom CSS to handle mobile menu visibility with JS */
        .mobile-menu-open {
            display: flex !important;
        }
        /* Style for mobile dropdown indicators */
        .dropdown-indicator {
            transition: transform 0.3s ease;
        }
        .rotated {
            transform: rotate(180deg);
        }
        /* Hide scrollbar for cleaner look, but allow scrolling */
        .no-scrollbar::-webkit-scrollbar {
            display: none;
        }
        .no-scrollbar {
            -ms-overflow-style: none;  /* IE and Edge */
            scrollbar-width: none;  /* Firefox */
        }




/* ==========================================================
   КАСТОМНІ СТИЛІ: СКЛЯНИЙ МОРФІЗМ (GLASSMORHISM)
   ========================================================== */

.glass-card {
    /* Робимо фон картки напівпрозорим */
    background-color: rgba(255, 255, 255, 0.15);
    /* КЛЮЧОВЕ: Ефект розмиття фону */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px); /* Для сумісності з Safari */
    /* Тонка рамка для імітації відблиску на склі */
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Спеціальні стилі Glassmorphism для ТЕМНОГО РЕЖИМУ */
.dark .glass-card {
    /* Напівпрозорий темний фон для кращого контрасту */
    background-color: rgba(0, 0, 0, 0.25);
    /* Рамка стає ледь помітною */
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}




/* ==========================================================
   ФІЛЬТРИ ДЛЯ КАРТОК: Збільшення яскравості при наведенні
   ========================================================== */
.card-image-wrapper img {
    /* Додаємо базову плавність для filter */
    transition: transform 1000ms, filter 500ms ease-in-out;
    filter: brightness(100%) saturate(100%); /* Базовий стан */
}

.group:hover .card-image-wrapper img {
    /* При наведенні робимо зображення яскравішим і насиченішим */
    filter: brightness(110%) saturate(110%); 
}



  /* Темна тема для блоку Турнірів */
  body.dark .tournament-block p {
    color: #ffffff !important; /* світлий текст */
  }

  /* Світла тема */
  .tournament-block p {
    color: #374151 !important; /* стандартний сірий text-gray-700 */
  }