@import 'tailwindcss';

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

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
    --font-serif: 'Fraunces', 'Georgia', 'Times New Roman', serif;

    /* Brand — deep crimson / red */
    --color-brand-50: #fef2f3;
    --color-brand-100: #fde3e5;
    --color-brand-200: #fbccd1;
    --color-brand-300: #f7a3ac;
    --color-brand-400: #f16f7e;
    --color-brand-500: #e63e52;
    --color-brand-600: #d21f3c;
    --color-brand-700: #b01020;
    --color-brand-800: #94141f;
    --color-brand-900: #7c1620;
    --color-brand-950: #440509;

    /* Ink / neutral navy */
    --color-ink: #101828;

    --radius-4xl: 2rem;
}

@layer base {
    html {
        scroll-behavior: smooth;
    }
    body {
        @apply bg-white text-ink antialiased;
    }
}

@layer utilities {
    .container-x {
        @apply mx-auto w-full max-w-7xl px-5 sm:px-8 lg:px-10;
    }
    .accent {
        @apply font-serif italic text-brand-700;
        font-weight: 500;
    }
    /* Reveal-on-scroll */
    .reveal {
        opacity: 0;
        transform: translateY(28px);
        transition: opacity 0.7s ease, transform 0.7s ease;
    }
    .reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
    }
}
