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

:root{
    /***** Colours *****/
    /* Default */
    --color-primary: oklch(0.2307 0.1598 264.05);

    /* Light Shades (10 lighter -> 90 lightest) */
    --color-primary-light10: oklch(0.296 0.1489 272.59);
    --color-primary-light20: oklch(0.3731 0.1339 277.72);
    --color-primary-light30: oklch(0.4563 0.1134 280.93);
    --color-primary-light40: oklch(0.5368 0.0946 282.74) ;
    --color-primary-light50: oklch(0.6196 0.0766 283.94);
    --color-primary-light60: oklch(0.6974 0.0597 284.75);
    --color-primary-light70: oklch(0.7765 0.0424 285.37);
    --color-primary-light80: oklch(0.8514 0.0276 285.8);
    --color-primary-light90: oklch(0.9278 0.0134 286.13);

    /* Dark Shades (10 darker -> 90 darkest) */
    --color-primary-dark10: oklch(0.2146 0.1487 264.05);
    --color-primary-dark20: oklch(0.1983 0.1374 264.05);
    --color-primary-dark30: oklch(0.1799 0.1246 264.05);
    --color-primary-dark40: oklch(0.1627 0.1128 264.05);
    --color-primary-dark50: oklch(0.1451 0.1006 264.05);
    --color-primary-dark60: oklch(0.127 0.088 264.05);
    --color-primary-dark70: oklch(0.1082 0.0749 264.05);
    --color-primary-dark80: oklch(0.0864 0.0599 264.05);
    --color-primary-dark90: oklch(0.0654 0.0453 264.05);

    /* Footer */
    --color-footer-primary: black;
    --color-footer-divider: var(--color-neutral-800);

    /***** Typography *****/
    /* Title */
    --title-family: 'Poppins';
    --title-weight: var(--font-medium);
    --title-color: black;
}/* https://www.industrialempathy.com/perfect-ish-font-fallback/ */
@font-face {
    font-family: "Poppins-fallback";
    size-adjust: 112.5%;
    src: local("Arial");
}

/** 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;
}

body {
  font-family: "Poppins", "Poppins-fallback";
  line-height: 1.5em;
}