/* socialmaker design tokens — the single source for both themes.
   Dark = the booth (default). Light = the paper: same amber, warm cream
   surfaces, ink text. Pages set document.documentElement.dataset.theme
   before first paint (localStorage "sm_theme", else VT_USER.theme). */

:root {
  --bg: #16130f; --panel: #1e1a15; --panel2: #292319; --border: #3a3226;
  --text: #ede6da; --dim: #a3968a;
  --accent: #e8a03d; --accent-ink: #221604; --accent-hover: #f2b45e;
  --quote: #f2c684;               /* the interviewer's voice */
  --ok: #97b26b; --err: #e5484d; --warn: #e8a03d; --rec: #e5484d;
  --glow: rgba(232, 160, 61, .07); /* page-top ambience */
  --display: "Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;
  --body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root[data-theme="light"] {
  --bg: #f6f0e6; --panel: #fdf9f1; --panel2: #efe7d9; --border: #ddd1bd;
  --text: #2c251d; --dim: #857763;
  --accent: #b87a20; --accent-ink: #fff8ec; --accent-hover: #96621a;
  --quote: #8a5a14;
  --ok: #5f7f3a; --err: #c03538; --warn: #b87a20; --rec: #c03538;
  --glow: rgba(184, 122, 32, .08);
}