@import "tailwindcss";
@import "flowbite/src/themes/default";
@plugin "flowbite/plugin";
@source not "../../../vendor/bundle";

@theme {
    --color-primary-50: #eff5fb;
    --color-primary-100: #dbe8f5;
    --color-primary-200: #b7d1eb;
    --color-primary-300: #8ab3dc;
    --color-primary-400: #5c8ec9;
    --color-primary-500: #2d61a5;
    --color-primary-600: #254e87;
    --color-primary-700: #1f4070;
    --color-primary-800: #213155;
    --color-primary-900: #1a273f;
    
    --font-sans: 'Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-body: 'Inter', 'ui-sans-serif', 'system-ui', '-apple-system', 'system-ui', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    --font-mono: 'ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace';
}

@custom-variant dark (&:where(.dark, .dark *));