:root {
  --primary: #222838;
  --secondary: #fdba2d;
  --thirdly: #0093d4;
  --white: white;
  --text: #000;
  --black: #000;
  --placeholder: rgb(0, 0, 0, 0.3);
  --bg: rgb(245 247 251);
  --bg2: white;
  --gradient: linear-gradient(45deg, #55b9e3, #5262e3);
}

:root:has(.dark) {
  --text: white;
  --placeholder: rgb(255, 255, 255, 0.3);
  --bg: rgb(51, 51, 51);
  --bg2: black;
}