:root {
  --primary-bg: #1E1F22;
  --secondary-bg: #2B2D30;
  --text-color: #ffffff;
  --secondary-text-color: #d3d1d1;
  --accent-color: #6F9CD7;
  --glass-accent: hsla(212, 62%, 88%, 0.4);
  --light-gray: rgb(208, 207, 207, 0.1);
  --gray: rgb(134, 135, 150);
  --white: rgb(255,255,255);
  --danger-text-color: rgb(250, 85, 85);
  --hover-gray: #495057;
}

[data-theme="light"] {
  --primary-bg: #ffffff;
  --secondary-bg: #f5f5f5;
  --text-color: #333333;
  --secondary-text-color: #6e6161;
  --accent-color: #6F9CD7;
  --glass-accent: hsla(212, 62%, 88%, 0.4);
  --light-gray: rgb(208, 207, 207, 0.1);
  --gray: rgb(134, 135, 150);
  --white: rgb(255,255,255);
  --danger-text-color: rgb(250, 85, 85);
  --hover-gray: #b9bfc4;
}