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

:root{
    /***** Colours *****/
    /* Default */
    --color-primary: oklch(0.616 0.2226 29.61);

    /* Light Shades (10 lighter -> 90 lightest) */
    --color-primary-light10: oklch(0.6385 0.2067 28.7);
    --color-primary-light20: oklch(0.6675 0.1858 27.76);
    --color-primary-light30: oklch(0.6987 0.1621 26.51);
    --color-primary-light40: oklch(0.7367 0.1371 25.77);
    --color-primary-light50: oklch(0.7761 0.1129 24.63);
    --color-primary-light60: oklch(0.8176 0.0892 24.29);
    --color-primary-light70: oklch(0.8627 0.065 24.37);
    --color-primary-light80: oklch(0.9064 0.0417 23.43);
    --color-primary-light90: oklch(0.9538 0.0198 25.17);

    /* Dark Shades (10 darker -> 90 darkest) */
    --color-primary-dark10: oklch(0.5694 0.2045 29.67);
    --color-primary-dark20: oklch(0.5237 0.1868 29.53);
    --color-primary-dark30: oklch(0.4751 0.1678 29.59);
    --color-primary-dark40: oklch(0.4254 0.148 29.38);
    --color-primary-dark50: oklch(0.3762 0.1287 29.44);
    --color-primary-dark60: oklch(0.3223 0.1084 29.09);
    --color-primary-dark70: oklch(0.2675 0.0857 28.37);
    --color-primary-dark80: oklch(0.2102 0.0613 28.51);
    --color-primary-dark90: oklch(0.1503 0.0366 26.92);

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