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

:root{
    /***** Colours *****/
    /* Default */
    --color-primary: oklch(0.5122 0.2302 323.08);

    /* Light Shades (10 lighter -> 90 lightest) */
    --color-primary-light10: oklch(0.5462 0.2225 323.51);
    --color-primary-light20: oklch(0.586 0.2054 323.37);
    --color-primary-light30: oklch(0.631 0.1846 323.49);
    --color-primary-light40: oklch(0.6798 0.1586 323.12);
    --color-primary-light50: oklch(0.7307 0.1331 323.18);
    --color-primary-light60: oklch(0.7818 0.1054 323.24);
    --color-primary-light70: oklch(0.837 0.0777 323.42);
    --color-primary-light80: oklch(0.8902 0.0515 322.96);
    --color-primary-light90: oklch(0.9464 0.0249 323.77);

    /* Dark Shades (10 darker -> 90 darkest) */
    --color-primary-dark10: oklch(0.4744 0.212 323.24);
    --color-primary-dark20: oklch(0.4365 0.1941 323.05);
    --color-primary-dark30: oklch(0.3971 0.175 323.24);
    --color-primary-dark40: oklch(0.3575 0.156 322.99);
    --color-primary-dark50: oklch(0.3162 0.1354 323.23);
    --color-primary-dark60: oklch(0.2727 0.115 323.62);
    --color-primary-dark70: oklch(0.2289 0.0936 323.27);
    --color-primary-dark80: oklch(0.1819 0.0703 323.93);
    --color-primary-dark90: oklch(0.1315 0.0472 323.52);

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