/* Define @font-face for Neue Haas font family */
@font-face {
    font-family: "Neue Haas";
    src: url("../fonts/Neue_Hass_Fonts/NeueHaasDisplayBlack.woff");
    font-weight: 900; /* Black */
}
@font-face {
    font-family: "Neue Haas";
    src: url("../fonts/Neue_Hass_Fonts/NeueHaasDisplayBold.woff");
    font-weight: 700; /* Bold */
}
@font-face {
    font-family: "Neue Haas";
    src: url("../fonts/Neue_Hass_Fonts/NeueHaasDisplayLight.woff");
    font-weight: 300; /* Light */
}
@font-face {
    font-family: "Neue Haas";
    src: url("../fonts/Neue_Hass_Fonts/NeueHaasDisplayMedium.woff");
    font-weight: 500; /* Medium */
}
@font-face {
    font-family: "Neue Haas";
    src: url("../fonts/Neue_Hass_Fonts/NeueHaasDisplayThin.woff");
    font-weight: 100; /* Thin */
}

/* Import Google Fonts Hanken Grotesk and Schibsted Grotesk */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900&display=swap');

/* Define root variables for colors and typography */
:root {
    --pbmit-global-color: #fb6963;
    --pbmit-secondary-color: #5738ff;
    --pbmit-light-color: #f6f6f6;
    --pbmit-white-color: #ffffff;
    --pbmit-blackish-color: #000000;
    --pbmit-link-color-normal: #000000;
    --pbmit-link-color-hover: #525252;
    --pbmit-global-color-rgb: #fb6963;
    --pbmit-secondary-color-rgb: 31, 29, 29;
    --pbmit-responsive-breakpoint: 1200px;
    --pbmit-body-typography-font-family: 'Neue Haas', sans-serif;
    --pbmit-body-typography-variant: regular;
    --pbmit-body-typography-font-size: 16px;
    --pbmit-body-typography-line-height: 1.5;
    --pbmit-body-typography-color: #666666;
    --pbmit-heading-typography-font-family: 'Neue Haas', sans-serif;
    --pbmit-heading-color: #000000;
    --pbmit-heading-font-variant: 900;
    --pbmit-btn-typography-font-family: 'Neue Haas', sans-serif;
    --pbmit-btn-typography-variant: 600;
    --pbmit-btn-typography-font-size: 15px;
    --pbmit-btn-typography-line-height: 24px;
}
/*----------------------------------------*/
/* 01 - Typography 
/*----------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family:var(--pbmit-heading-typography-font-family);
    font-weight: 900;
    color: var(--pbmit-heading-color);
}
.color--red-orange {
    background-color: var(--red);
    background-image: linear-gradient(90deg, var(--red) 0, var(--orange) 100%);
}