@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: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}

/*
 * Tailwind v4 compatibility: v4 changed the default `border-*` / `divide-*`
 * color from gray-200 to `currentColor`. The storefront blades were authored
 * against the v3 Tailwind Play CDN (light-gray hairline borders), so every
 * bare `border` / `border-t` / `divide-y` would otherwise render as the dark
 * body text color. Restore the v3 default site-wide. (Official v4 upgrade-guide
 * snippet.) Rings are unaffected — storefront pairs `ring-2` with an explicit
 * `ring-blue-500`/`.ring-brand` color everywhere.
 */
@layer base {
    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {
        border-color: var(--color-gray-200, currentColor);
    }
}