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

:root {
  --color-bg: #090909;
  --color-surface: #161616;
  --color-surface-muted: #212121;
  --color-surface-raised: #2a2a2a;
  --color-text-strong: #f5f5f5;
  --color-text-body: #d0d0d0;
  --color-text-muted: #9a9a9a;
  --color-border-soft: rgba(255, 255, 255, 0.15);
  --color-border-strong: rgba(255, 255, 255, 0.3);

  --status-open: #60a5fa;
  --status-progress: #fbbf24;
  --status-blocked: #fb7185;
  --status-deferred: #94a3b8;
  --status-closed: #34d399;

  --priority-p0: #f43f5e;
  --priority-p1: #f59e0b;
  --priority-p2: #38bdf8;
  --priority-p3: #94a3b8;
  --priority-p4: #64748b;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  background:
    radial-gradient(circle at 14% 12%, rgba(255, 255, 255, 0.05), transparent 36%),
    radial-gradient(circle at 84% 18%, rgba(255, 180, 80, 0.06), transparent 32%),
    linear-gradient(160deg, #070707 0%, #101010 48%, #161616 100%);
  color: var(--color-text-body);
  font-family: 'DM Sans', 'Segoe UI', Inter, system-ui, sans-serif;
}