:root {
  --bg: #121212;
  --surface: #1b1b1b;
  --surface-2: #232323;
  --border: #303030;
  --text: #f3ede6;
  --muted: #a49c93;
  --amber: #f0a93b;
  --tomato: #d84b34;
  --basil: #6f9e58;
  --radius: 14px;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
  line-height: 1.5;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.muted { color: var(--muted); font-size: .9rem; }
.error { color: #ff8f7a; }
.success { color: var(--basil); }

.btn {
  display: inline-block;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: .55rem 1.1rem;
  background: var(--surface-2);
  color: var(--text);
  cursor: pointer;
  font: inherit;
}

.btn.primary {
  background: var(--tomato);
  border-color: var(--tomato);
  color: #fff;
}

.btn.ghost { background: transparent; }
.btn.full { width: 100%; }
.btn.small { padding: .25rem .65rem; font-size: .8rem; }

.badge {
  background: var(--tomato);
  color: #fff;
  border-radius: 999px;
  padding: 0 .4rem;
  font-size: .72rem;
}

.chip {
  display: inline-block;
  background: var(--surface-2);
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: .25rem .7rem;
  font-size: .82rem;
}

.chip-row { display: flex; flex-wrap: wrap; gap: .4rem; }
.hashtag { color: var(--amber); }