/* Design tokens: the portal's colours, fonts and shadow, light and dark. Extracted unchanged from the old chat.html <style>. */
:root {
  --bg: #FAF9F6;
  --sidebar: #F2F0EB;
  --surface: #FFFFFF;
  --user-bubble: #EDEAE3;
  --hover: #E7E4DC;
  --active: #E0DCD2;
  --text: #1F1E1C;
  --muted: #6E6A62;
  --faint: #9A958B;
  --border: #E2DED5;
  --accent: #B4532A;
  --accent-hover: #9A4522;
  --on-accent: #FFFFFF;
  --danger: #B3261E;
  --danger-soft: #FBEDEB;
  --code-bg: #F0EDE6;
  --shadow: 0 1px 2px rgba(40, 30, 20, .04), 0 4px 16px rgba(40, 30, 20, .06);
  --ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --prose: "Source Serif 4", Georgia, "Times New Roman", serif;
  --mono: ui-monospace, "Cascadia Code", Consolas, monospace;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1F1E1C;
    --sidebar: #181715;
    --surface: #2A2926;
    --user-bubble: #34322E;
    --hover: #2C2B28;
    --active: #3A3834;
    --text: #ECEAE4;
    --muted: #A8A399;
    --faint: #7A766E;
    --border: #3A3834;
    --accent: #D9774A;
    --accent-hover: #E88A5E;
    --on-accent: #1F1E1C;
    --danger: #F08A80;
    --danger-soft: #3A2220;
    --code-bg: #2F2D2A;
    --shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 4px 16px rgba(0, 0, 0, .25);
    color-scheme: dark;
  }
}