:root {
  --container-width: calc(100% - 40px);
  --container-maxwidth: 1600px;
  --container-padding: 24px;

  --color-primary0: #000;
  --color-primary1: #0E0E0E;
  --color-primary11: rgba(0,0,0,0.25);
  --color-primary12: rgba(0,0,0,0.7);
  --color-primary13: rgba(0,0,0,0.5);
  --color-primary14: rgba(0,0,0,0.1);
  --color-primary15: #303030;
  --color-primary16: rgba(0,0,0,0.15);
  --color-primary2: #ffffff;
  --color-primary21: #D9D9D9;
  --color-primary22: rgba(254, 254, 254, 0.3);
  --color-primary23: rgba(217, 217, 217, 0.5);
  --color-primary24: #FAFAF9;
  --color-primary25: rgba(250, 250, 249, 0.3);
  --color-primary26: #EEEEEE;
  --color-primary3: #4B0082;
  --color-primary31: #25023F;
  --color-primary311: #DBCCE6;
  --color-primary32: linear-gradient(120.59deg, #6909B0 12.01%, #47007B 47.43%, #10001C 89.74%);
  --color-primary33: #B34CFF;
  --color-primary34: rgba(75, 0, 130, 0.45);
  --color-primary35: #7D3FAC;
  --color-primary36: #B27DCB;
  --color-primary37: #EDE5F2;
  --color-primary38: #140D1A;
  --color-primary39: #59019A;
  --color-primary4: #D5F100;
  --color-primary5: #005BF4;
  --color-primary51: #7FAFFF;
  --color-primary6: #BFBFC1;
  --color-primary61: #919191;
  --color-primary62: #656565;

  --font1: "Akrobat", Arial, Helvetica, sans-serif;
  --font2: "Druk Wide Cyr", Arial, Helvetica, sans-serif;
  --font3: "ua-BRAND", Arial, Helvetica, sans-serif;

  --scrollbar-color: var(--color-primary3);
}