html {
    scroll-behavior: smooth;
    font-family: "Inter", sans-serif;
}

.bg-lodos-dark {
    background-color: #002948;
}

.bg-lodos-mid {
    background-color: #005798;
}

.bg-lodos-light {
    background-color: #58a4e6;
}

.text-lodos-dark {
    color: #002948;
}

.text-lodos-comp-1 {
    color: #ff9e00;
}

.text-lodos-mid {
    color: #005798;
}

.text-lodos-light {
    color: #58a4e6;
}

.border-lodos-light {
    border-color: #58a4e6;
}

.border-lodos-mid {
    border-color: #005798;
}

.hover\:bg-lodos-mid:hover {
    background-color: #005798;
}

.hover\:text-lodos-mid:hover {
    color: #005798;
}

.focus\:ring-lodos-mid:focus {
    --tw-ring-color: #005798;
}

.hover\:border-lodos-mid:hover {
    border-color: #ff9e00;
}

.bg-comp-1 {
    background-color: #ff9e00;
}

.bg-comp-2 {
    background-color: #ffaa2a;
}


.hamb-line-dark {
    display: block;
    height: 2px;
    width: 24px;
    background: #002948;
    /* Corresponds to text-lodos-dark */
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
}

#menu-toggle:checked~#menu-icon .hamb-line-dark:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

#menu-toggle:checked~#menu-icon .hamb-line-dark:nth-child(2) {
    opacity: 0;
}

#menu-toggle:checked~#menu-icon .hamb-line-dark:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* Active language button style */
.lang-btn.active {
    color: #ffaa2a;
    /* Corresponds to text-lodos-mid */
    font-weight: 700;
}