:root {
  --bg: #fbfaf7;
  --bg-2: #f4f1ea;
  --surface: #ffffff;
  --border: #e8e4dc;
  --border-strong: #d6d0c2;
  --ink: #18130d;
  --ink-2: #4a4238;
  --ink-3: #8a8275;
  --rust: #b8421e;
  --gold: #c89b3c;
  --gold-soft: #e2bf6e;
  --dark: #14110c;

  /* App tokens */
  --app-bg: #f5f5f3;
  --app-surface: #ffffff;
  --app-bar-bg: rgba(250,250,248,0.85);
  --app-border: #e6e6e3;
  --app-border-strong: #d6d6d2;
  --app-text: #0c0c0e;
  --app-text-2: #5e5e66;
  --app-text-3: #9a9aa3;
  --app-blue: #007aff;
  --app-ok: #16a06b;
  --app-warn: #d44a26;
  --tint-cream: #fff0d2;
  --tint-cream-tx: #7a541a;
  --tint-sage: #dcefe2;
  --tint-sage-tx: #1b6b41;
  --tint-blush: #fadcd3;
  --tint-blush-tx: #a83a18;
  --tint-lilac: #e5e1f4;
  --tint-lilac-tx: #4a3a7a;
  --tint-sky: #d8e6f4;
  --tint-sky-tx: #244a7a;
  --bubble-mine: #18181b;
  --ai-grad-a: #fff7e8;
  --ai-grad-b: #fff0d2;
  --ai-border: #f0dfb0;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Inter Tight", "Inter", -apple-system, system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
a { color: inherit; text-decoration: none; }
button { font-family: inherit; cursor: pointer; }
::selection { background: rgba(184,66,30,0.22); }