:root {
  --direct-bg: #070b14;
  --direct-bg-soft: #0d1422;
  --direct-card: rgba(16, 24, 38, 0.86);
  --direct-line: rgba(148, 163, 184, 0.2);
  --direct-text: #e6edf7;
  --direct-muted: #9aa9bd;
  --direct-accent: #f97316;
  --direct-accent-dark: #ea580c;
  --direct-info: #38bdf8;
  --direct-ok: #34d399;
  --direct-danger: #f87171;
}

body.direct-ai-theme {
  --bg: var(--direct-bg);
  --bg-soft: var(--direct-bg-soft);
  --ink: var(--direct-text);
  --ink-soft: var(--direct-muted);
  --card: var(--direct-card);
  --line: var(--direct-line);
  --accent: var(--direct-accent);
  --accent-dark: var(--direct-accent-dark);
  --teal: var(--direct-info);
  --green: var(--direct-ok);
  --red: var(--direct-danger);
  color: var(--direct-text);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(249, 115, 22, 0.18), transparent 28%),
    radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent 32%),
    linear-gradient(180deg, #020617 0%, var(--direct-bg) 46%, #08111f 100%);
}

body.direct-ai-theme .topbar {
  border-bottom: 1px solid var(--direct-line);
  margin-bottom: 1rem;
}

body.direct-ai-theme .brand {
  color: var(--direct-text);
}

body.direct-ai-theme .nav a {
  color: var(--direct-muted);
}

body.direct-ai-theme .nav a:hover {
  color: var(--direct-text);
}

body.direct-ai-theme .btn-secondary {
  border-color: var(--direct-line);
}