@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-navy: #163d4f;
    --color-navy-deep: #102e3c;
    --color-teal: #3581a0;
    --color-gold: #c29642;
    --color-gold-light: #ddbb80;
    --color-paper: #faf7f0;
    --color-paper-2: #f2ede1;
    --color-ink: #20313a;
    --color-ink-soft: #5b6b73;
    --color-line: #d8cfba;

    --color-success: #2f6b3a;
    --color-success-bg: #dcecdc;
    --color-warn: #7a5a1e;
    --color-warn-bg: #f3e6cc;
    --color-info-bg: #e4eef2;

    --radius-card: 1rem;
    --radius-field: 0.625rem;
}

@utility label {
    @apply mb-1 block text-sm font-medium text-ink;
}

@utility field {
    @apply w-full rounded-field border border-line bg-white px-3 py-2 text-ink placeholder:text-ink-soft/60 focus:border-teal focus:outline-none focus:ring-1 focus:ring-teal;
}

@utility btn-primary {
    @apply inline-flex items-center justify-center gap-2 rounded-field bg-navy font-semibold text-white transition hover:bg-navy-deep focus:outline-none focus:ring-2 focus:ring-teal disabled:cursor-not-allowed disabled:bg-navy/40;
}

@utility btn-ghost {
    @apply inline-flex items-center justify-center gap-2 rounded-field border border-line bg-white font-medium text-ink transition hover:bg-paper-2 focus:outline-none focus:ring-2 focus:ring-teal;
}

@utility btn-gold {
    @apply inline-flex items-center justify-center gap-2 rounded-field bg-gold font-semibold text-navy transition hover:bg-gold-light focus:outline-none focus:ring-2 focus:ring-gold-light;
}

@keyframes pop-in {
    from { opacity: 0; transform: scale(.94) translateY(4px); }
    to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: no-preference) {
    .animate-pop { animation: pop-in .3s ease-out; }
}