:root {
  --df-primary: #0f766e;
  --df-accent: #f97316;
  --df-bg: #020617;
  --df-ink: #0f172a;
  --df-muted: #64748b;
}

body.app-wrapper {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.app-sidebar .brand-text {
  font-weight: 700;
}

.app-sidebar .nav-link.active {
  background-color: var(--df-primary);
  color: #ecfeff;
}
.app-sidebar .nav-link.active .nav-icon {
  color: #ccfbf1;
}

.btn-primary {
  background-color: var(--df-accent);
  border-color: var(--df-accent);
}
.btn-primary:hover {
  background-color: #ea580c;
  border-color: #ea580c;
}

.badge-risk-high {
  background-color: #b91c1c;
}
.badge-risk-medium {
  background-color: #ea580c;
}
.badge-risk-low {
  background-color: #16a34a;
}

.tag-pill {
  display: inline-block;
  padding: 0.15rem 0.55rem;
  font-size: 0.7rem;
  border-radius: 999px;
  background: #e2e8f0;
  color: #1f2933;
  margin: 0.05rem;
}

.df-ai-pill {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.2rem 0.6rem;
  border-radius: 999px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  background: linear-gradient(135deg, #0f766e, #0891b2);
  color: #ecfeff;
}

