@import "tailwindcss";

@font-face {
    font-family: "Head Bold";
    src: url("../../fonts/Vw/VWHeadWeb-Bold.ttf");
}

@font-face {
    font-family: "Head Regular";
    src: url("../../fonts/Vw/VWHeadWeb-Regular.ttf");
}

@font-face {
    font-family: "Text Bold";
    src: url("../../fonts/Vw/VWTextWeb-Bold.ttf");
}

@font-face {
    font-family: "Text Regular";
    src: url("../../fonts/Foton/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf");
}

@layer theme {
    :root {
        --banner-desktop-height: calc(100vw * 0.39);
        --banner-mobile-height: calc(100vh * 0.9);
        --banner-tablet-height: calc(100vh * 1.13);
        --banner-inquiry-height: 298px;

        --color-primary: #001e50;
        --color-primary-light: #006eff;
        --color-white: #fff;
        --color-grey: #8989a1;
        --color-grey-2: #657181;
        --color-grey-3: #f1f1f1;
        --color-grey-4: #8f8f8f;
        --color-dark-vw: #1e1e1e;
        --color-yellow-accent: #f2db4f;
        --color-green-accent: #9eeed4;
    }
}

.logo-navigation {
    height: 65px;
}

@media (max-width: 426px) {
    .logo-navigation {
        height: 40px !important;
    }
}

@media (max-width: 769px) {
    .logo-navigation {
        height: 64px;
    }

    .navigation-item.active {
        color: var(--color-white) !important;
    }
}

.font-head-bold {
    font-family: "Head Bold", "sans-serif" !important;
}

.font-head-regular {
    font-family: "Head Regular", "sans-serif";
}

.font-text-bold {
    font-family: "Text Bold", "sans-serif";
}

.font-text-regular {
    font-family: "Text Regular", "sans-serif" !important;
}