/* CSS proměnné - Tailwind barvy */
:root {
    --color-white: #ffffff;
    --color-slate-400: #94a3b8;
    --color-slate-500: #64748b;
    --color-gray-500: #6b7280;
    --color-gray-700: #374151;
}

/* Vlastní styly, které Tailwind nezvládne */

/* Dynamické scrollující pozadí s nízkou opacity */
.bg-dynamic {
    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    opacity: 0.18;
}

/* Aktivní menu položka - bílý text pro .small */
:is(#mobile-menu, #menu) button.bg-black .small {
    color: var(--color-white);
}

/* Hover na aktivní menu položce - šedý text pro .small */
:is(#mobile-menu, #menu) button.bg-black:hover .small {
    color: var(--color-slate-500);
}