/*
 * Main Root CSS
 */

:root {
  --primary-color: #ff9024;
  --primary-color-light: #ff9f42;
  --primary-color-dark: #cf741c;
  --music-color: #834284;
  --music-color-light: #945895;
  --music-color-dark: #673468;
  --event-color: #25a5c6;
  --event-color-light: #3caecc;
  --event-color-dark: #1f859f;
  --tour-color: #16b9a0;
  --tour-color-light: #2acab2;
  --tour-color-dark: #0da68f;
  --green-color: #11b84f;
  --green-color-light: #27bf5f;
  --green-color-dark: #0e8c3d;
  --yellow-color: #f4ce1d;
  --yellow-color-light: #f5d438;
  --yellow-color-dark: #cfaf18;
  --red-color: #e32a52;
  --red-color-light: #e9476a;
  --red-color-dark: #c02345;
  --gray1-color: #111113;
  --gray2-color: #1F1F22;
  --gray3-color: #2C2C30;
  --gray4-color: #3A3A3F; 
  --gray5-color: #47484D;
  --gray6-color: #54565B;
  --gray7-color: #62636A;
  --gray8-color: #707179;
  --gray9-color: #7D7F87;
  --gray10-color: #8B8C96;
  --gray11-color: #989AA4;
  --gray12-color: #A6A8B3;
  --gray13-color: #B3B6C1;
  --gray14-color: #C1C3D0;
  --gray15-color: #CED1DE;
  --gray16-color: #dee1ed;
}