@import 'tailwindcss';

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

@theme {
    --font-sans: var(--font-inter, 'Inter'), ui-sans-serif, system-ui, sans-serif;
    --font-display: var(--font-playfair, 'Playfair Display'), ui-serif, Georgia, serif;

    --color-navy-50: #eef2f9;
    --color-navy-100: #d6dff0;
    --color-navy-200: #aebfe0;
    --color-navy-300: #7f97c8;
    --color-navy-400: #4f6ca8;
    --color-navy-500: #2f4c86;
    --color-navy-600: #1f3a6d;
    --color-navy-700: #152b55;
    --color-navy-800: #0f1f40;
    --color-navy-900: #0b1630;
    --color-navy-950: #060d1f;

    --color-gold-50: #fdf9ec;
    --color-gold-100: #f9efcc;
    --color-gold-200: #f2dd96;
    --color-gold-300: #eac85e;
    --color-gold-400: #e0b23a;
    --color-gold-500: #c9962a;
    --color-gold-600: #a87721;
    --color-gold-700: #86591e;
    --color-gold-800: #6e481f;
    --color-gold-900: #5d3d1e;
}

@layer components {
    .btn-gold {
        @apply inline-flex items-center justify-center gap-2 rounded-lg bg-linear-to-b from-gold-300 to-gold-500 px-6 py-3 text-sm font-semibold tracking-wide text-navy-900 uppercase shadow-lg shadow-gold-500/20 transition hover:from-gold-200 hover:to-gold-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-gold-300 focus-visible:ring-offset-2 focus-visible:ring-offset-navy-900 disabled:opacity-60;
    }

    .btn-outline {
        @apply inline-flex items-center justify-center gap-2 rounded-lg border border-gold-400/70 px-6 py-3 text-sm font-semibold tracking-wide text-gold-300 uppercase transition hover:bg-gold-400/10;
    }

    .btn-navy {
        @apply inline-flex items-center justify-center gap-2 rounded-lg bg-navy-800 px-5 py-2.5 text-sm font-semibold text-white transition hover:bg-navy-700 disabled:opacity-60;
    }

    .btn-light {
        @apply inline-flex items-center justify-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 transition hover:bg-gray-50;
    }

    .btn-danger {
        @apply inline-flex items-center justify-center gap-2 rounded-lg bg-red-600 px-4 py-2 text-sm font-semibold text-white transition hover:bg-red-700;
    }

    .form-label {
        @apply mb-1 block text-sm font-medium text-gray-700;
    }

    .form-input {
        @apply block w-full rounded-lg border border-gray-300 bg-white px-3 py-2.5 text-sm text-gray-900 shadow-xs placeholder:text-gray-400 focus:border-gold-500 focus:ring-2 focus:ring-gold-400/30 focus:outline-none;
    }

    .form-error {
        @apply mt-1 text-xs text-red-600;
    }

    .section-eyebrow {
        @apply flex items-center justify-center gap-4 text-xs font-semibold tracking-[0.35em] text-gold-600 uppercase before:h-px before:w-12 before:bg-gold-500 after:h-px after:w-12 after:bg-gold-500;
    }

    .card {
        @apply rounded-xl border border-gray-200 bg-white shadow-xs;
    }

    .gold-text {
        @apply bg-linear-to-b from-gold-200 via-gold-400 to-gold-600 bg-clip-text text-transparent;
    }
}

[x-cloak] {
    display: none !important;
}