@import 'tailwindcss';

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

@theme {
    --font-sans:
        'Instrument Sans', ui-sans-serif, system-ui, sans-serif,
        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        'Noto Color Emoji';
    --font-display: 'Oswald', ui-sans-serif, system-ui, sans-serif;

    --color-ink: #0c0b0a;
    --color-ink-soft: #171412;
    --color-cream: #f3ead8;
    --color-cream-muted: #cbbfa8;
    --color-gold: #e8b923;
    --color-gold-deep: #c49212;
    --color-ember: #d4520b;
    --color-stripe: #b42318;
}

@layer base {
    html {
        scroll-behavior: smooth;
    }

    [x-cloak] {
        display: none !important;
    }
}