:root {
  --primary-color: #07a69d;
  --primary-color-transp: #07a69d55;
  --second-color: #7a42a2;
  --second-color-transp: #7a45a255;
  --third-color: #fff458;
  --third-color-transp: #fff45855;
  --fourth-color: #aa88ff9e;
  --fourth-color-transp:#bba5f3;

  --background: #181818;
  --background-transp: #49353511;
  --primary-background: #1c1c1c;
  --second-background: #282828;
  --third-background: #333333;

  --primary-button-background: linear-gradient(to top right, #025955, #068c86);
  --primary-button-shadow: 0 0 2px #07a69d;
  --primary-button-text: #f5f5f5;
  --second-button-color: #fff458;
  --second-button-text: #1c1c1c;
  --third-button-color: #5a5a5a;
  --third-button-text: #f5f5f5;
  --fourth-button-color: #bec736;
  --fourth-button-dark: #bec7369e;


  --primary-text: #f5f5f5;
  --second-text: #777777;
  --third-text: #b9b9b9;

  --select-timezone-color: #cccccc;
  --title: #07a69d;
  --input-color: #f5f5f5;

  --media-background: #282828;

  --modal-text:#dfdfdf;
}