@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Roboto', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    --font-heading: 'Barlow Condensed', ui-sans-serif, system-ui, sans-serif;

    /* Primary color palette - overridden at runtime via config/museum.php */
    --color-primary-50: #eff6ff;
    --color-primary-100: #dbeafe;
    --color-primary-200: #bfdbfe;
    --color-primary-300: #93c5fd;
    --color-primary-400: #60a5fa;
    --color-primary-500: #3b82f6;
    --color-primary-600: #2563eb;
    --color-primary-700: #1d4ed8;
    --color-primary-800: #1e40af;
    --color-primary-900: #1e3a8a;
    --color-primary-950: #172554;
}

/* Estils per títols */
h1, h2, h3, h4, h5, h6,
.font-heading {
    font-family: var(--font-heading);
    letter-spacing: 0.025em;
}

/* Classes utilitàries per fonts */
.font-heading {
    font-family: var(--font-heading);
}

.font-body {
    font-family: var(--font-sans);
}