@import 'tailwindcss';

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

@theme {
    --font-sans: 'Hind Siliguri', 'Noto Sans Bengali', ui-sans-serif, system-ui, sans-serif;

    --color-bg: #07140d;
    --color-bg-deep: #06110b;
    --color-surface: #171b0d;
    --color-surface-raised: #1d210f;
    --color-panel: #0b2a1a;
    --color-panel-border: #294b2c;
    --color-gold: #ffc629;
    --color-gold-deep: #dfa51a;
    --color-line: #51420f;
    --color-ink: #fff8e7;
    --color-ink-muted: #c9be91;
    --color-success: #43c77a;
    --color-danger: #f06a62;
    --color-info: #63b8e8;
    --color-warning: #e9b949;
}

@layer base {
    body {
        @apply bg-bg text-ink antialiased;
    }
}

@layer components {
    .card {
        @apply rounded-2xl border border-line bg-surface p-4;
    }

    .field-label {
        @apply mb-1.5 block text-sm font-semibold text-ink-muted;
    }

    .field-input {
        @apply w-full rounded-xl border border-line bg-surface-raised px-4 py-3 text-ink placeholder:text-ink-muted/50 focus:border-gold focus:outline-none focus:ring-1 focus:ring-gold;
    }

    .field-error {
        @apply mt-1.5 text-sm font-medium text-danger;
    }

    .btn-primary {
        @apply flex w-full items-center justify-center gap-2 rounded-xl bg-gold px-4 py-3 font-bold text-bg transition-colors hover:bg-gold-deep focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gold disabled:cursor-not-allowed disabled:opacity-50;
    }

    .btn-secondary {
        @apply flex w-full items-center justify-center gap-2 rounded-xl border border-line bg-surface-raised px-4 py-3 font-semibold text-ink transition-colors hover:border-gold-deep focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gold disabled:cursor-not-allowed disabled:opacity-50;
    }

    .btn-secondary-sm {
        @apply inline-flex shrink-0 items-center justify-center gap-1 rounded-lg border border-line bg-surface-raised px-3 py-1.5 text-xs font-semibold text-ink transition-colors hover:border-gold-deep focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gold disabled:cursor-not-allowed disabled:opacity-50;
    }

    .badge {
        @apply inline-flex items-center gap-1 rounded-full border px-2.5 py-0.5 text-xs font-semibold;
    }
}