@import 'tailwindcss';

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

@theme {
    --color-ink: #111b15;
    --color-stone: #f4f6f4;
    --color-surface: #ffffff;
    --color-muted: #6c7870;
    --color-line: #e1e7e2;
    --color-accent: #10b981;
    --color-accent-foreground: #047857;
    --color-accent-loyalty: #f59e0b;
    --color-danger: #ef4444;
    --color-warning: #f59e0b;
    --color-status-confirmed: #10b981;
    --color-status-pending: #f59e0b;
    --color-status-progress: #2563eb;
    --color-status-cancelled: #ef4444;
    --color-status-completed: #6c7870;
    --radius-jumbo: 1rem;
    --radius-tile: 0.75rem;
    --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
}

@layer base {
    html { -webkit-text-size-adjust: 100%; }

    body { @apply bg-stone text-ink antialiased; }

    :focus-visible { @apply ring-ink ring-offset-stone ring-2 ring-offset-2 outline-none; }
}