@import 'tailwindcss';
@import './buttons.css';
@reference "./flexywind.css";
@source "../views";


html,
body {
    font-family: 'DM Sans', sans-serif;
}


@theme {
    --color-primary-50: hsl(222, 72%, 97%);
    --color-primary-100: hsl(220, 73%, 93%);
    --color-primary-200: hsl(220, 73%, 88%);
    --color-primary-300: hsl(218, 69%, 78%);
    --color-primary-400: hsl(218, 67%, 68%);
    --color-primary-500: hsl(220, 65%, 59%);
    --color-primary-600: hsl(224, 58%, 52%);
    --color-primary-700: hsl(228, 57%, 48%);
    --color-primary-800: hsl(231, 54%, 40%);
    --color-primary-900: hsl(232, 46%, 30%);
    --color-primary-950: hsl(234, 42%, 21%);

}