/* Tailwind is loaded via CDN in base.html; this file holds custom overrides */

:root {
  --color-primary: #2563eb;
  --color-primary-dark: #1d4ed8;
  --color-surface: #0f172a;
  --color-surface-light: #1e293b;
  --color-text: #f8fafc;
  --color-text-muted: #94a3b8;
  --color-success: #22c55e;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;
}

body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

.btn-primary {
  background-color: var(--color-primary);
  transition: background-color 0.15s;
}

.btn-primary:hover {
  background-color: var(--color-primary-dark);
}

.card {
  background-color: var(--color-surface-light);
  border-radius: 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.1);
}