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

:root{
    /***** Colours *****/
    /* Default */
    --color-primary: oklch(0.562 0.2711 294.34);

    /* Light Shades (10 lighter -> 90 lightest) */
    --color-primary-light10: oklch(0.5939 0.2537 296.67);
    --color-primary-light20: oklch(0.6317 0.2308 298.42);
    --color-primary-light30: oklch(0.6718 0.2056 299.92);
    --color-primary-light40: oklch(0.7161 0.1767 300.97);
    --color-primary-light50: oklch(0.7608 0.147851 301.9804);
    --color-primary-light60: oklch(0.8067 0.1184 302.87);
    --color-primary-light70: oklch(0.8553 0.0873 303.31);
    --color-primary-light80: oklch(0.9026 0.0581 304.06);
    --color-primary-light90: oklch(0.9522 0.0279 303.93);

    /* Dark Shades (10 darker -> 90 darkest) */
    --color-primary-dark10: oklch(0.5216 0.25 294.57);
    --color-primary-dark20: oklch(0.4784 0.2273 294.65);
    --color-primary-dark30: oklch(0.4364 0.2051 294.97);
    --color-primary-dark40: oklch(0.3912 0.1811 295.12);
    --color-primary-dark50: oklch(0.347 0.1573 295.62);
    --color-primary-dark60: oklch(0.298 0.1325 296.13);
    --color-primary-dark70: oklch(0.2484 0.105 296.64);
    --color-primary-dark80: oklch(0.199 0.0766 298.09);
    --color-primary-dark90: oklch(0.143 0.0445 300.7);

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

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

@font-face{
    font-family: 'Montserrat';
    src: url(../../frontend/FlavourWarehouse/LostMary/en_GB/fonts/Montserrat/Montserrat-VariableFont_wght.ttf) format('truetype');
    font-weight: 100 900;
    font-style: normal;
    display: swap;
}
@font-face{
    font-family: 'Montserrat';
    src: url(../../frontend/FlavourWarehouse/LostMary/en_GB/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf) format('truetype');
    font-weight: 100 900;
    font-style: italic;
    display: swap;
}

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