/* ══════════════════════════════════════════
   RESET & DARK TOKENS
══════════════════════════════════════════ */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  /* ── Site chrome (dark) */
  --bg: #09090e;
  --bg-alt: #0f0f16;
  --bg-card: #13131c;
  --bg-raise: #1a1a26;

  /* ── Chat window (light — preserved from real product) */
  --chat-bg: #f8f8fc;
  --chat-surface: #ffffff;
  --chat-border: rgba(0, 0, 0, 0.07);
  --chat-t1: #0d0d1a;
  --chat-t2: #46465e;
  --chat-t3: #8888a8;

  /* ── Brand */
  --purple: #7b6cf0;
  --purple-d: #5a4ed4;
  --purple-l: #a89df5;
  --pxs: rgba(123, 108, 240, 0.08);
  --psm: rgba(123, 108, 240, 0.16);
  --pmd: rgba(123, 108, 240, 0.28);
  --gold: #c8a96e;

  /* ── Site text */
  --t1: #f0f0f8;
  --t2: #9090b0;
  --t3: #55556a;
  --t4: #2e2e42;

  /* ── Borders */
  --border: rgba(123, 108, 240, 0.16);
  --border2: rgba(255, 255, 255, 0.06);

  --serif: "Instrument Serif", Georgia, serif;
  --sans: "DM Sans", system-ui, sans-serif;
  --sh:
    0 2px 8px rgba(0, 0, 0, 0.4), 0 8px 32px rgba(123, 108, 240, 0.12);
  --sh-lg:
    0 4px 16px rgba(0, 0, 0, 0.5), 0 16px 56px rgba(123, 108, 240, 0.16);
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--sans);
  background: var(--bg);
  color: var(--t1);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}