/*
 * Livewire Material — the one stylesheet an application imports, after Tailwind, followed by
 * the scheme `php artisan material:scheme` wrote for it:
 *
 *   @import 'tailwindcss';
 *   @import '../../vendor/nonameweb/livewire-material/resources/css/material.css';
 *   @import './material-scheme.css';
 *   @source '../../vendor/nonameweb/livewire-material/resources/views';
 *   @source '../../vendor/nonameweb/livewire-material/src';
 *
 * tokens/scheme.css is the package's own default (M3's baseline purple), so an application
 * renders before it has a scheme; the application's file declares the same roles later and wins.
 */

@import './tokens/scheme.css';
@import './tokens/shape.css';
@import './tokens/elevation.css';
@import './tokens/motion.css';
@import './tokens/type.css';
@import './tokens/font.css';
@import './tokens/theme.css';
@import './tokens/state.css';
@import './components/groups.css';

@layer base {
    html {
        background-color: var(--md-sys-color-surface);
        color: var(--md-sys-color-on-surface);
    }
}