/* Theme Colors */
:root {

    --color-primary: #232f4e;
    --color-primary-20: #CCCCCC;
    --color-primary-5: #F2F2F2;
    --color-secondary: #E69300;
    --color-secondary-5: #FDF4E5;
    --color-tertiary: #0080C9;
    --color-quarternary: #7AD1D1;
    --color-quinary: #E5F2FA;
    --color-grey: #CACACA;
    --color-grey-dark: #8A8A8A;
    --color-grey-lighter: #EEE;
    --color-black: #000;
    --color-white: #FFF;
    --color-green: #2A9B00;
    --color-success: #3ADB76;
    --color-warning: #FFAE00;
    --color-alert: #CC4B37;
    --color-green-alt: #33CC14;
    --color-blue-alt: #0693E3;
    --color-red: #CA0216;

    --color-primary-rbg: 35, 47, 78;
    --color-primary-50: rgba(var(--color-primary-rgb), 0.5);
    --color-primary-25: rgba(var(--color-primary-rgb), 0.25);
    --color-tertiary-rgb: 0, 128, 201;
    --color-tertiary-5: rgba(var(--color-tertiary-rgb), 0.05);
    --color-quinary-rgb: 229, 242, 250;
    --color-grey-rgb: 202, 202, 202;
    --color-grey-dark-rgb: 138, 138, 138;
    --bodytext: "Readex Pro", sans-serif;
    --header: "HGM4-bold", times;
    --headersemi: "HGM4-semibold", times;
    --icons: "Font Awesome\ 6 Pro", "Font Awesome\ 6 Brands";
    --duration: 0.2s;
    --easing: cubic-bezier(0.17, 0.67, 0.83, 0.67);
    --transition: 0.2s cubic-bezier(0.17, 0.67, 0.83, 0.67);
    --z-index-negative: -1;
    --z-index-default: 0;
    --z-index-overlay: 1;
    --z-index-heavy: 100;
    --z-index-screen-reader: 1000;
    --header-height: 102px;
    --m-header-height: 71px;
    --border-radius: 4px;
    --border-radius-large: 10px;
    --shadow-default: 0 20px 99px rgba(0, 0, 0, 0.25);
}

@font-face {
    font-family: "HGM4-bold";
    src: url(../../../assets/webfonts/HurmeGeometricSans4-Bold.otf)
}

@font-face {
    font-family: "HGM4-semibold";
    src: url(../../../assets/webfonts/HurmeGeometricSans4-SemiBold.otf)
}

@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;600&display=swap');