body.dark {
  --bg: #0d1717;
  --bg-deep: #040b0b;
  --paper: rgba(10, 20, 19, 0.78);
  --panel: rgba(16, 29, 28, 0.64);
  --panel-strong: rgba(18, 33, 31, 0.84);
  --line: rgba(239, 232, 221, 0.12);
  --line-strong: rgba(239, 232, 221, 0.22);
  --ink: #f1e7d8;
  --muted: #9ea8a2;
  --accent: #d46d33;
  --accent-strong: #8d3417;
  --accent-soft: #f0be67;
  --signal: #5eb7aa;
  --user: linear-gradient(135deg, #bf5d2b 0%, #8f3418 100%);
  --ai: linear-gradient(180deg, rgba(14, 30, 29, 0.96), rgba(10, 24, 23, 0.88));
  background:
    radial-gradient(circle at 14% 16%, rgba(239, 188, 101, 0.12), transparent 20%),
    radial-gradient(circle at 88% 18%, rgba(94, 183, 170, 0.12), transparent 18%),
    linear-gradient(135deg, #081212 0%, #112423 44%, #33130e 100%);
}

body.dark::before {
  opacity: 0.16;
}

body.dark::after {
  background:
    radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.06), transparent 18%),
    radial-gradient(circle at 78% 76%, rgba(255, 255, 255, 0.04), transparent 20%);
}

body.dark .identity-rail {
  background:
    linear-gradient(180deg, rgba(5, 17, 16, 0.94), rgba(52, 18, 12, 0.92)),
    linear-gradient(135deg, rgba(255, 255, 255, 0.03), transparent 55%);
}

body.dark .identity-card,
body.dark .status-card,
body.dark .session-card,
body.dark .signal-card,
body.dark .telemetry-item,
body.dark .chat-meta > div,
body.dark .composer,
body.dark .settings-form {
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.08);
}

body.dark .chat-shell {
  background:
    linear-gradient(180deg, rgba(6, 18, 18, 0.86), rgba(8, 18, 18, 0.66)),
    linear-gradient(135deg, rgba(255, 255, 255, 0.02), transparent 58%);
}

body.dark .chat-stage {
  background:
    linear-gradient(180deg, rgba(11, 22, 22, 0.72), rgba(8, 18, 18, 0.5)),
    radial-gradient(circle at top right, rgba(212, 109, 51, 0.08), transparent 28%);
  border-color: rgba(255, 255, 255, 0.08);
}

body.dark .ghost-button {
  background: rgba(255, 255, 255, 0.04);
  color: var(--ink);
  border-color: rgba(255, 255, 255, 0.1);
}

body.dark #message-input,
body.dark .settings-form input {
  background: rgba(255, 255, 255, 0.03);
  color: var(--ink);
}

body.dark #message-input:focus,
body.dark .settings-form input:focus {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(240, 190, 103, 0.34);
}

body.dark textarea::placeholder,
body.dark input::placeholder {
  color: #77837d;
}