@import "tailwindcss";

@font-face {
    font-family: "Regular";
    src: url("../../fonts/Audi/AudiType-Normal_4.03.woff");
}

@font-face {
    font-family: "Light";
    src: url("../../fonts/Audi/AudiType-WideLight_4.03.woff");
}

@font-face {
    font-family: "Italic";
    src: url("../../fonts/Audi/AudiType-Italic_4.03.woff");
}

@font-face {
    font-family: "Bold";
    src: url("../../fonts/Audi/AudiType-Bold_4.03.woff");
}

@font-face {
    font-family: "Extended Bold";
    src: url("../../fonts/Audi/AudiType-ExtendedBold_4.03.woff");
}

@font-face {
    font-family: "Wide Normal";
    src: url("../../fonts/Audi/AudiType-WideNormal_4.03.woff");
}

@font-face {
    font-family: "Extended Normal";
    src: url("../../fonts/Audi/AudiType-ExtendedNormal_4.03.woff");
}

@font-face {
    font-family: "Wide Bold";
    src: url("../../fonts/Audi/AudiType-WideBold_4.03.woff");
}

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

        --font-regular: "Regular", "sans-serif";
        --font-light: "Light", "sans-serif";
        --font-medium: "Medium", "sans-serif";
        --font-semibold: "SemiBold", "sans-serif";

        --color-primary: #fff;
        --color-primary-dark: #10131a;
        --color-accent-dark: #657181;
        --color-grey: #8f8f8f;
        --color-grey-2: #4a5463;
        --color-dark-light: #151a23;
        --color-red-audi: #f50537;
    }
}

.logo-navigation {
    height: 40px;
}

.font-regular {
    font-family: var(--font-regular);
}

.font-light {
    font-family: var(--font-light);
}

.font-medium {
    font-family: var(--font-medium);
}

.font-semibold {
    font-family: var(--font-semibold);
}

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

.font-extended-normal {
    font-family: "Extended Normal", "sans-serif";
}

.font-wide-normal {
    font-family: "Wide Normal", "sans-serif";
}

.font-wide-bold {
    font-family: "Wide Bold", "sans-serif";
}