:root,
[data-theme="light"] {
  --bg: #f7f8fa;
  --panel: #ffffff;
  --text: #20242a;
  --muted: #647080;
  --line: #d8dde5;
  --primary: #1f6feb;
  --primary-text: #ffffff;
  --danger: #b42318;
  --success: #067647;
}

[data-theme="dark"] {
  --bg: #121417;
  --panel: #1e2228;
  --text: #eef1f5;
  --muted: #a9b2bf;
  --line: #333943;
  --primary: #4f9cf9;
  --primary-text: #08111f;
  --danger: #ff8a80;
  --success: #79d6a3;
}

[data-theme="blue"] {
  --bg: #eef5fb;
  --panel: #ffffff;
  --text: #1d2834;
  --muted: #52697f;
  --line: #c8d8e8;
  --primary: #006d9c;
  --primary-text: #ffffff;
  --danger: #a61b1b;
  --success: #13795b;
}

[data-theme="green"] {
  --bg: #f1f8f3;
  --panel: #ffffff;
  --text: #1f2d26;
  --muted: #607466;
  --line: #cfdfd3;
  --primary: #287d3c;
  --primary-text: #ffffff;
  --danger: #a73322;
  --success: #287d3c;
}

[data-theme="high-contrast"] {
  --bg: #000000;
  --panel: #0f0f0f;
  --text: #ffffff;
  --muted: #f5f5f5;
  --line: #ffffff;
  --primary: #ffff00;
  --primary-text: #000000;
  --danger: #ff4b4b;
  --success: #00ff7f;
}