/* https://docs.hyva.io/hyva-themes/working-with-tailwindcss/sharing-common-css-between-themes.html */

:root{
    /* Default */
    --color-primary: 0 0 102; /* #000066 */

    /* Light Shades (90 lightest light -> 10 darkest light) */
    --color-primary-light90: 230 230 240; /* #E6E6F0 */
    --color-primary-light80: 204 204 224; /* #CCCCE0 */
    --color-primary-light70: 179 179 209; /* #B3B3D1 */
    --color-primary-light60: 153 153 194; /* #9999C2 */
    --color-primary-light50: 128 128 179; /* #8080B3 */
    --color-primary-light40: 102 102 163; /* #6666A3 */
    --color-primary-light30: 77 77 148; /* #4D4D94 */
    --color-primary-light20: 51 51 133; /* #333385 */
    --color-primary-light10: 26 26 117; /* #1A1A75 */

    /* Dark Shades (10 lightest dark -> 90 darkest dark) */
    --color-primary-dark10: 0 0 92; /* #00005C */
    --color-primary-dark20: 0 0 82; /* #000052 */
    --color-primary-dark30: 0 0 71; /* #000047 */
    --color-primary-dark40: 0 0 61; /* #00003D */
    --color-primary-dark50: 0 0 51; /* #000033 */
    --color-primary-dark60: 0 0 41; /* #000029 */
    --color-primary-dark70: 0 0 31; /* #00001F */
    --color-primary-dark80: 0 0 20; /* #000014 */
    --color-primary-dark90: 0 0 10; /* #00000A */
}/* https://docs.hyva.io/hyva-themes/working-with-tailwindcss/sharing-common-css-between-themes.html */

:root{
    /* Footer  */
    --color-footer-primary: rgb(var(--color-primary-dark30) / 1);
    --color-footer-secondary: rgb(var(--color-primary-dark80) / 1);
}/** Poppins *****/
/* Weight: 100 (Thin), Style: Normal */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    display: swap;
}
/* Weight: 100, Style: Italic */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    display: swap;
}
/* Weight: 200 (ExtraLight), Style: Normal */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    display: swap;
}
/* Weight: 200 (ExtraLight), Style: Italic */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    display: swap;
}
/* Weight: 300 (Light), Style: Normal */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    display: swap;
}
/* Weight: 300 (Light), Style: Italic */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    display: swap;
}
/* Weight: 400 (Regular), Style: Normal */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    display: swap;
}
/* Weight: 400 (Regular), Style: Italic */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-RegularItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    display: swap;
}
/* Weight: 500 (Medium), Style: Normal */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    display: swap;
}
/* Weight: 500 (Medium), Style: Italic */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    display: swap;
}
/* Weight: 600 (SemiBold), Style: Normal */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    display: swap;
}
/* Weight: 600 (SemiBold), Style: Italic */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    display: swap;
}
/* Weight: 700 (Bold), Style: Normal */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    display: swap;
}
/* Weight: 700 (Bold), Style: Italic */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    display: swap;
}
/* Weight: 800 (ExtraBold), Style: Normal */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    display: swap;
}
/* Weight: 800 (ExtraBold), Style: Italic */
@font-face{
    font-family: "Poppins";
    src: url('../../frontend/FlavourWarehouse/SKECrystalBar/en_GB/fonts/Poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    display: swap;
}

html{
    font-family: "Poppins", system-ui, sans-serif;
}