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

@layer base {
  :root {
    --background: #f8fafc;
    --surface: #ffffff;
    --border: #e2e8f0;
    --primary: #F59E0B;
    --text-primary: #0f172a;
    --text-muted: #64748b;
    --text-hint: #94a3b8;
    --status-green: #10b981;
    --status-blue: #3b82f6;
    --status-red: #ef4444;
    --status-purple: #a855f7;
    --status-amber: #f59e0b;
    --radius: 0.5rem;
  }

  .dark {
    --background: #0D1117;
    --surface: #161b22;
    --border: #21262d;
    --primary: #F59E0B;
    --text-primary: #e6edf3;
    --text-muted: #8b949e;
    --text-hint: #484f58;
    --status-green: #34d399;
    --status-blue: #60a5fa;
    --status-red: #f87171;
    --status-purple: #c084fc;
    --status-amber: #fbbf24;
  }
}

@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-text-primary transition-colors duration-200;
  }
}