:root {
  --button-bg: #024fe8;
  --button-text: #f8f8ff;
  --button-secondary: #dce0e3;
  --button-text-secondary: #000;
  --button-secondary-hover: #c0c2c3;
  --button-hover: #0e50c2;
  --link-text: lightslategray;
  --default-env-color: lightslategray;

  --light-bg: #ffffff;
  --light-text: black;
  --light-border: #1b1b20;
  --light-warning-bg: #fff5d9;
  --light-warning-border: #ff9200;
  --light-error-bg: #fce5e5;
  --light-error-border: #f62020;
  --light-shadow: #dadada;
  --light-loading-overlay: #fbfbfb94;
  --light-spinner-secondary-border: #f8f8ff;

  --loading-spinner-size: 32px;

  --dark-bg: #161d26;
  --dark-text: #f8f8ff;
  --dark-border: #7f7fb1;
  --dark-alert-border: #fcf6f5;
  --dark-error-bg: #d13636;
  --dark-warning-bg: #d57b1a;
  --dark-shadow: #000000;
  --dark-loading-overlay: #161d26cc;
  --dark-spinner-secondary-border: #0000001a;
  --dark-button-secondary: #2c3e50;
  --dark-button-text-secondary: #ecf0f1;
  --dark-button-secondary-hover: #34495e;
}