@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';

    /*
     * Type scale — base unit: text-xs = 1.25rem (20px).
     * Each step maintains the same ratio as Tailwind's default scale
     * (xs:sm:base:lg:xl:2xl = 12:14:16:18:20:24), scaled up from 20px.
     *
     *   xs   = 1.25rem  (20px)  ← floor
     *   sm   = 1.4375rem (23px)  xs × 14/12
     *   base = 1.625rem  (26px)  xs × 16/12
     *   lg   = 1.875rem  (30px)  xs × 18/12
     *   xl   = 2.0625rem (33px)  xs × 20/12
     *   2xl  = 2.5rem    (40px)  xs × 24/12
     */
    --text-xs:   1.25rem;
    --text-sm:   1.4375rem;
    --text-base: 1.625rem;
    --text-lg:   1.875rem;
    --text-xl:   2.0625rem;
    --text-2xl:  2.5rem;
}