:root{
  --bg-color: #333237;
  --text-color:rgb(255, 255, 255);
  --bg-content-color: black ; /* #16131c */
  --border-color:#7a7a7a;
  --linebreak-color:#000000;
  --box-hover-shadow: rgba(184, 184, 184, 0.15);
  --darkened-text-col: #bbb;
  --header-height: 128px;
  --form-box-col: #161616;
  --invert-svg: 1;
  --accent: #ffcc00;
  --border-bottom: #616161;
  --lang-select:rgba(0, 0, 0, 0.7);
  --lang-select-hover: rgba(0, 0, 0, 0.95);
  --navbar: rgba(0,0,0,0.6);
}
.light-theme{
  --bg-color:white;
  --text-color:rgb(0, 0, 0);
  --bg-content-color:#f4f4f4;
  --border-color:#333;
  --linebreak-color:#40E0D0;
  --accent:#40E0D0;
  --box-hover-shadow: rgba(64, 224, 208, 0.15);
  --invert-svg: 0;
  --darkened-text-col: #000;
  --lang-select:rgba(255, 255, 255, 0.7);
  --lang-select-hover: rgba(255, 255, 255, 0.95);
  --navbar: rgba(255, 255, 255, 0.6);


}
/* 
*::selection {
  background: #000000;
  color: #ffcc00;
}
*::-moz-selection {
  background: #000000;
  color: #ffcc00;
}
*::-webkit-selection {
  background: #000000;
  color: #ffcc00;
} */