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

:root{
    /***** Colours *****/
    /* Default */
    --color-primary: oklch(0.7115 0.2062 355.59);

    /* Light Shades (10 lighter -> 90 lightest) */
    --color-primary-light10: oklch(0.733 0.1882 354.32);
    --color-primary-light20: oklch(0.7569 0.1686 353.15);
    --color-primary-light30: oklch(0.7824 0.1474 352.57);
    --color-primary-light40: oklch(0.8099 0.1262 351.58);
    --color-primary-light50: oklch(0.8406 0.1031 350.96);
    --color-primary-light60: oklch(0.8709 0.0818 350.06);
    --color-primary-light70: oklch(0.9022 0.0607 349.11);
    --color-primary-light80: oklch(0.934 0.039556 349.6382);
    --color-primary-light90: oklch(0.9667 0.0195 349.05);

    /* Dark Shades (10 darker -> 90 darkest) */
    --color-primary-dark10: oklch(0.6591 0.1893 355.82);
    --color-primary-dark20: oklch(0.6035 0.1728 355.21);
    --color-primary-dark30: oklch(0.5489 0.1551 355.45);
    --color-primary-dark40: oklch(0.4901 0.1373 355.22);
    --color-primary-dark50: oklch(0.4328 0.1188 354.82);
    --color-primary-dark60: oklch(0.3716 0.098 354.68);
    --color-primary-dark70: oklch(0.3063 0.0777 354.03);
    --color-primary-dark80: oklch(0.2411 0.0551 354.54);
    --color-primary-dark90: oklch(0.1683 0.0314 349.62);

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