:root {
  --text-color-main: #000;
  --background-main: rgb(231, 231, 231);
  --container-main: #fff;
  --container-main-border: #ddd;
  --container-main-secondary: rgb(240, 240, 240);

  --link-text-color: #0090d8;

  --nav-text-color: #000;
  --nav-main-color: #2eb9ff;
  --nav-secondary-color: #00aaff;

  --box-shadow-color: rgb(0 0 0 / 25%);
  --modal-shadow-color: rgb(0 0 0 / 42%);

  --button-default-color: #000;
  --button-default-border: #b9b9b9;
  --button-default-background: rgb(246 246 246);
  --button-default-disabled: #ebebeb;
  --button-default-disabled-color: #939393;
  --button-default-hover: rgb(250 250 250);
  --button-default-active: rgb(226, 226, 226);

  --button-primary-color: #000;
  --button-primary-border: #00aaff;
  --button-primary-background: rgb(90, 200, 255);
  --button-primary-disabled: rgb(39 131 177);
  --button-primary-disabled-color: #484848;
  --button-primary-hover: rgb(114, 208, 255);
  --button-primary-active: rgb(70, 196, 255);

  --button-link-color: #0090d8;

  --form-field-color: #000;
  --form-field-background: #fff;
  --form-field-border: #a4a4a4;
  --form-field-box-shadow: #0000001f;
  --form-field-helper-color: rgb(100, 100, 100);
}