:root {
  --color-primary: #0b7f79;
  --color-primary-light: #2ab8ad;
  --color-accent: #ff9f43;
  --color-bg: #e8f3f2;
  --color-surface: #ffffff;
  --color-text: #12242d;
  --color-success: #24a772;
  --color-warning: #f2b541;
  --color-danger: #e35d64;

  --color-muted: #5e7380;
  --color-border: rgba(13, 67, 82, 0.16);
  --color-header-overlay: rgba(7, 32, 43, 0.08);
  --color-backdrop: #0f2631;
  --color-user-bubble-text: #ffffff;

  --shadow-sm: 0 8px 20px rgba(9, 56, 71, 0.08);
  --shadow-md: 0 16px 30px rgba(9, 56, 71, 0.16);
  --radius-card: 14px;
  --radius-pill: 999px;
  --transition-fast: 160ms ease;
}

:root[data-theme="dark"] {
  --color-primary: #23a89f;
  --color-primary-light: #51d7c9;
  --color-accent: #ffb572;
  --color-bg: #07171f;
  --color-surface: #102530;
  --color-text: #e4f4f7;
  --color-success: #47c58f;
  --color-warning: #f8c266;
  --color-danger: #f2787e;

  --color-muted: #98b7c2;
  --color-border: rgba(114, 169, 186, 0.22);
  --color-header-overlay: rgba(8, 16, 22, 0.5);
  --color-backdrop: #040d12;
  --color-user-bubble-text: #07171f;

  --shadow-sm: 0 10px 22px rgba(2, 8, 11, 0.35);
  --shadow-md: 0 18px 34px rgba(2, 8, 11, 0.52);
}