@import "tailwindcss";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
@source "./templates/**/*.html.twig";
@theme {
    --color-primary: rebeccapurple;
    --color-primary-50: #f8f2ff;
    --color-primary-100: #f1e6ff;
    --color-primary-200: #e4d3ff;
    --color-primary-300: #d0b3ff;
    --color-primary-400: #b481ff;
    --color-primary-500: #9950ff;
    --color-primary-600: #8933ff;
    --color-primary-700: #7221e7;
    --color-primary-800: #5f18c6;
    --color-primary-900: #5014a6;
    --color-primary-950: #2d066c;

    --color-secondary: #00bfa5;
    --color-primary-dark: #53376F;
    --color-primary-light: #E9D4FF;
    --font-sans: 'Inter', sans-serif;
}