@import "tailwindcss";

@theme {
  --color-brand-50: #eff6ff;
  --color-brand-100: #dbeafe;
  --color-brand-200: #bfdbfe;
  --color-brand-300: #93c5fd;
  --color-brand-400: #60a5fa;
  --color-brand-500: #3b82f6;
  --color-brand-600: #2563eb;
  --color-brand-700: #1d4ed8;
  --color-brand-800: #1e40af;
  --color-brand-900: #1e3a8a;

  --color-surface-50: #f8fafc;
  --color-surface-100: #f1f5f9;
  --color-surface-700: #334155;
  --color-surface-800: #1e293b;
  --color-surface-850: #172033;
  --color-surface-900: #0f172a;
  --color-surface-950: #020617;

  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
}