:root {
  --bg: #FFFFFF;
  --bg2: #F5F5F5;
  --text: #333;
  --card: #fff;
  --hover: #ddd;
  --border: #bbb;
  --user: #e3f2fd;
  --bot: #f1f1f1;
  --btn: none;
  --btn2: #6c757d;
  --muted: #777;
  --orange: #FF7900;
  --dark-orange: #d26e16;
  --white: #ffffff;
  --error: #ff0000;
  --input: #F5F5F5;
  --bgUser: #f2e3d8;
  --bgFeedback: #faf3eb; 
  --borderFeedback: #e8d9c2;

}

body {
  font-family: "Source Sans", sans-serif;
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
}

html[data-theme="dark"] {
  --bg: #121212;
  --bg2: #242424;
  --text: #ffffff;
  --card: #1e1e1e;
  --hover: #242424;
  --border: #444;
  --user: #0d47a1;
  --bot: #333;
  --btn: none;
  --btn2: #757575;
  --muted: #aaa;
  --orange: #FF7900;
  --dark-orange: #d26e16;
  --white: #ffffff;
  --error: #ff6b6b;
  --input: #2e2e2e;
  --bgUser: #613200;
  --bgFeedback: #532705;
  --borderFeedback: #5b3803;

}