:root {
  color-scheme: light;
  --bg: #e9edef;
  --bg-accent: #f0f2f5;
  --surface: #ffffff;
  --surface-muted: #f0f2f5;
  --surface-hover: #f5f6f6;
  --text: #111b21;
  --muted: #667781;
  --line: #e9edef;
  --line-strong: #d1d7db;
  --brand: #00a884;
  --brand-strong: #008069;
  --brand-soft: #d9fdd3;
  --brand-text: #006b55;
  --chat-bg: #efeae2;
  --bubble-other: #ffffff;
  --bubble-own: #d9fdd3;
  --icon: #54656f;
  --danger: #d92d20;
  --danger-soft: #fdecec;
  --success: #008069;
  --success-soft: #e5f7f2;
  --warning: #9a6700;
  --shadow-sm: 0 1px 2px rgba(11, 20, 26, .10);
  --shadow-md: 0 16px 46px rgba(11, 20, 26, .16);
  --radius-lg: 20px;
  --radius: 14px;
  --radius-sm: 10px;
  --content: 1160px;
  --focus: 0 0 0 2px rgba(0, 168, 132, .18);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #070a10;
  --bg-accent: #14233d;
  --surface: #111b27;
  --surface-muted: #182431;
  --surface-hover: #202e3d;
  --text: #f2f5f7;
  --muted: #93a4b4;
  --line: #273746;
  --line-strong: #3b4e60;
  --brand: #25d366;
  --brand-strong: #49df82;
  --brand-soft: #174d3a;
  --brand-text: #bff5d1;
  --chat-bg: #0b141a;
  --bubble-other: #202c33;
  --bubble-own: #005c4b;
  --icon: #aebac1;
  --danger: #ff8d85;
  --danger-soft: #4a2628;
  --success: #7ee3a0;
  --success-soft: #1e4235;
  --warning: #f4c15d;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .32);
  --shadow-md: 0 12px 36px rgba(0, 0, 0, .42);
  --focus: 0 0 0 2px rgba(37, 211, 102, .2);
}