:root {
  --bg: #111212;
  --bg-main: radial-gradient(120% 120% at 20% 20%, rgba(122,204,136,0.09), transparent), #111212;
  --panel: #1b1c1c;
  --panel-2: #202222;
  --card: var(--panel);
  --border: #2b2d2d;
  --text: #e8eaea;
  --muted: #aeb1b1;
  --accent: #7acc88;
  --accent-strong: #69b776;
  --highlight: #414242;
  --input-bg: #131414;
  --input-border: var(--border);
  --avatar-bg: #1b1c1c;
  --avatar-fg: #e5e7eb;
  --avatar-border: #2f3131;
  --hero-gradient: radial-gradient(120% 140% at 10% 0%, rgba(122,204,136,0.16), transparent 60%);
  --hero-tint: linear-gradient(180deg, rgba(16,18,18,0.55), rgba(16,18,18,0.72));
  --chip-bg: #141515;
  --chip-border: #2c2e2e;
  --glow: 0 18px 40px rgba(0,0,0,0.35);
}

body {
  margin: 0;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  background: var(--bg-main);
  color: var(--text);
  transition: background 150ms ease, color 150ms ease;
}

input, textarea, select {
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid var(--input-border);
  background: var(--input-bg);
  color: var(--text);
  font-size: 15px;
  transition: background 150ms ease, color 150ms ease, border-color 150ms ease;
}