tailwind.css

@import "tailwindcss/base";
@import "tailwindcss/components";
@import './components';
@import "tailwindcss/utilities";
@import './edm-utilities';


:root {
    --font-primary: Montserrat, sans-serif;
    --font-secondary: Roboto, sans-serif;
    --font-weight-black: 900;
    --font-weight-bold: 700;
    --font-weight-normal: 400;
    --font-weight-thin: 200;
    --theme-color-bg-default: theme('colors.white');
    --theme-color-bg-inverse: theme('colors.black');
    --theme-color-bg-nav: var(--theme-color-bg-default);
    --theme-color-bg-primary: theme('colors.blue-500');
    --theme-color-bg-secondary: theme('colors.purple-500');
    --theme-color-text-default: theme('colors.grey-700');
    --theme-color-text-inverse: var(--theme-color-bg-default);
    --theme-color-text-primary: theme('colors.grey-700');
    --theme-color-text-secondary: theme('colors.grey-900');
}

:root[data-theme="dark"] {
    /* TODO: copy from above and adapt to dark */
}