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

:root{
    /***** Colours *****/
    /* Default */
    --color-primary: 237 51 36; /* #ED3324 */

    /* Light Shades (90 lightest light -> 10 darkest light) */
    --color-primary-light90: 253 235 233; /* #FDEBE9 */
    --color-primary-light80: 251 214 211; /* #FBD6D3 */
    --color-primary-light70: 250 194 189; /* #FAC2BD */
    --color-primary-light60: 248 173 167; /* #F8ADA7 */
    --color-primary-light50: 246 153 146; /* #F69992 */
    --color-primary-light40: 244 133 124; /* #F4857C */
    --color-primary-light30: 242 112 102; /* #F27066 */
    --color-primary-light20: 241 92 80; /* #F15C50 */
    --color-primary-light10: 239 71 58; /* #EF473A */

    /* Dark Shades (10 lightest dark -> 90 darkest dark) */
    --color-primary-dark10: 213 46 32; /* #D52E20 */
    --color-primary-dark20: 190 41 29; /* #BE291D */
    --color-primary-dark30: 166 36 25; /* #A62419 */
    --color-primary-dark40: 142 31 22; /* #8E1F16 */
    --color-primary-dark50: 119 26 18; /* #771A12 */
    --color-primary-dark60: 95 20 14; /* #5F140E */
    --color-primary-dark70: 71 15 11; /* #470F0B */
    --color-primary-dark80: 47 10 7; /* #2F0A07 */
    --color-primary-dark90: 24 5 4; /* #180504 */

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

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

@font-face{
    font-family: 'Inter';
    src: url('../../frontend/FlavourWarehouse/TotalVapour/en_GB/fonts/Inter-VariableFont_slnt\,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    display: swap;
}
@font-face{
    font-family: 'Inter';
    src: url('../../frontend/FlavourWarehouse/TotalVapour/en_GB/fonts/Inter-Italic-VariableFont_opsz\,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    display: swap;
}

body {
  font-family: "Inter", "Inter-fallback";
}