@import "tailwindcss";
@custom-variant dark (&:where(.dark, .dark *));
@import "tailwindcss/preflight" layer(base);
@import "tailwindcss/utilities" layer(utilities);

@theme {
    --color-primary-50: #f0fdf4;
    --color-primary-100: #dcfce7;
    --color-primary-200: #bbf7d0;
    --color-primary-300: #86efac;
    --color-primary-400: #4ade80;
    --color-primary-500: #22c55e;
    --color-primary-600: #16a34a;
    --color-primary-700: #15803d;
    --color-primary-800: #166534;
    --color-primary-900: #14532d;
    --color-primary-950: #052e16;
    --color-secondary-50: #f8fafc;
    --color-secondary-100: #f1f5f9;
    --color-secondary-200: #e2e8f0;
    --color-secondary-300: #cbd5e1;
    --color-secondary-400: #94a3b8;
    --color-secondary-500: #64748b;
    --color-secondary-600: #475569;
    --color-secondary-700: #334155;
    --color-secondary-800: #1e293b;
    --color-secondary-900: #0f172a;
    --color-secondary-950: #020617;
    --color-sport-green: #22c55e;
    --color-sport-blue: #3b82f6;
    --color-sport-yellow: #eab308;
    --color-sport-red: #ef4444;
    --color-sport-orange: #f97316;
    --color-pending: #eab308;
    --color-confirmed: #3b82f6;
    --color-fulfilled: #22c55e;
    --color-cancelled: #ef4444;
    --color-no-show: #6b7280;
    --color-sidebar: #166534;
    --color-sidebar-hover: #15803d;
}