@tailwind base;
@tailwind components;
@tailwind utilities;

/* Menu navigation scroll */

.active-link {
    color: #f87171 !important;
}

.nav-link.active {
    font-weight: bold;
    color: #f87171;
}


/* Optional styles to visually differentiate selected items */

.active-link {
    color: #f87171;
    /* Primary color */
    font-weight: bold;
}


/* Logo valge erand */

.logo-valge {
    color: #fef2f2;
}

.logo-valge:hover,
.logo-valge:focus,
.logo-valge:active {
    color: #f1f5f9 !important;
}


/* Global focus styles for input fields */

input:focus,
textarea:focus,
select:focus {
    border-color: #f87171 !important;
    /* Primary color */
    box-shadow: 0 0 0 1px #f87171 !important;
    /* Thinner focus ring */
    outline: none !important;
}


/* red-400 on #f87171 värv */

.text-red-400 {
    color: #f87171;
}

.bg-red-400 {
    background-color: #f87171 !important;
}

.border-red-400 {
    border-color: #f87171 !important;
}