:root {
  --c-bg: #f4f6fb;
  --c-surface: #ffffff;
  --c-line: #e6e9f2;
  --c-text: #1b2030;
  --c-muted: #7a8194;
  --c-primary: #4f63d2;
  --c-accent: #6d7ff0;
  --c-bubble-self: #4f63d2;
  --c-bubble-other: #eef1f8;
  --c-on-primary: #ffffff;
  --font-ui: "Optima","Gill Sans",system-ui,sans-serif;
  --font-display: "Optima","Gill Sans",system-ui,sans-serif;
  --radius: 20px;
  --pad: 10px;
}
[data-theme="dark"] {
  --c-bg: #11141c;
  --c-surface: #1a1f2b;
  --c-line: #262d3b;
  --c-text: #e8ebf3;
  --c-muted: #8b93a7;
  --c-primary: #6d7ff0;
  --c-accent: #8a99ff;
  --c-bubble-self: #5566d8;
  --c-bubble-other: #222838;
  --c-on-primary: #ffffff;
}