/* Design tokens — warm, rounded, cheerful (§10.3). */
:root {
  --bg-app:#fff7f2; --bg-surface:#ffffff; --bg-muted:#fdeee6; --bg-chat:#fff1ea;
  --text-strong:#2b2330; --text:#5a5260; --text-soft:#9a8f96;
  --accent:#ff7a59; --accent-ink:#ffffff; --accent-soft:#ffe6dd; --accent-line:#ffcdbd;
  --sky:#5bb8e8; --sky-soft:#e7f4fc; --success:#4cc38a; --danger:#e5484d; --danger-soft:#ffe3e3;
  --radius-sm:10px; --radius-md:16px; --radius-lg:22px; --radius-pill:999px;
  --shadow-sm:0 2px 6px rgba(43,35,48,.06); --shadow-md:0 8px 24px rgba(43,35,48,.10);
  --shadow-pop:0 12px 32px rgba(255,122,89,.28);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-app:#1d1822; --bg-surface:#271f2e; --bg-muted:#2f2636; --bg-chat:#221b29;
    --text-strong:#f6eef2; --text:#cabfd0; --text-soft:#8a7f92;
    --accent:#ff8a6b; --accent-ink:#2b1a14; --accent-soft:#4a2c22; --accent-line:#6b3b2c;
    --sky:#7cc6ef; --sky-soft:#1f3340; --success:#4cc38a; --danger:#ff6369; --danger-soft:#5a2a2c;
    --shadow-sm:0 2px 6px rgba(0,0,0,.3); --shadow-md:0 8px 24px rgba(0,0,0,.4);
    --shadow-pop:0 12px 32px rgba(255,122,89,.25);
  }
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
}

body {
  font-family: 'Nunito', 'Sarabun', system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.45;
  color: var(--text-strong);
  background: var(--bg-app);
  -webkit-font-smoothing: antialiased;
}

:lang(th) { font-family: 'Sarabun', 'Nunito', system-ui, sans-serif; }

h1, h2, h3 { font-weight: 800; color: var(--text-strong); }