@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --bg-base: #f8fafc;
  --bg-elevated: #ffffff;
  --fg-primary: #0f172a;
  --fg-muted: #64748b;
  --border-subtle: #e2e8f0;
}

.dark {
  --bg-base: #0f172a;
  --bg-elevated: #1e293b;
  --fg-primary: #f1f5f9;
  --fg-muted: #94a3b8;
  --border-subtle: #334155;
}

body {
  background-color: var(--bg-base);
  color: var(--fg-primary);
}