@import 'tailwindcss';

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

@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: #f1f9ee;
    --color-brand-100: #ddf0d6;
    --color-brand-200: #bce2b0;
    --color-brand-300: #92cd80;
    --color-brand-400: #66b350;
    --color-brand-500: #439633;
    --color-brand-600: #327726;
    --color-brand-700: #285e20;
    --color-brand-800: #224b1c;
    --color-brand-900: #163310;
    --color-brand-950: #0c1d09;
}

[data-reveal] {
    opacity: 0;
    transform: translateY(16px);
    transition:
        opacity 0.6s ease-out,
        transform 0.6s ease-out;
}

[data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    [data-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

@keyframes float-slow {
    0%,
    100% {
        transform: translateY(0) rotate(0deg);
    }
    50% {
        transform: translateY(-14px) rotate(6deg);
    }
}

.animate-float-slow {
    animation: float-slow 7s ease-in-out infinite;
}