@import 'tailwindcss';
@plugin '@tailwindcss/typography';

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

@theme {
    --font-sans: ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* Brand: deep teal for the platform, with an accent per product area. */
    --color-brand-50: #eefbf8;
    --color-brand-100: #d5f4ec;
    --color-brand-500: #14a38b;
    --color-brand-600: #0d8571;
    --color-brand-700: #0e6a5c;
    --color-brand-900: #0b3f38;
}

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