@import 'tailwindcss';

@layer base {

    dl dt {
        @apply font-semibold;
    }

    dl dd {
        @apply indent-5;
    }
}

@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';
    --color-brand-50: oklch(0.97 0.014 254.604);
    --color-brand-100: oklch(0.932 0.032 255.585);
    --color-brand-200: oklch(0.882 0.059 254.128);
    --color-brand-300: oklch(0.809 0.105 251.813);
    --color-brand-400: oklch(0.707 0.165 254.624);
    --color-brand-500: oklch(0.623 0.214 259.815);
    --color-brand-600: oklch(0.546 0.245 262.881);
    --color-brand-700: oklch(0.488 0.243 264.376);
    --color-brand-800: oklch(0.424 0.199 265.638);
    --color-brand-900: oklch(0.379 0.146 265.522);
    --color-brand-950: oklch(0.282 0.091 267.935);
}