:root {
  --primary-color: #0346dc;
  --primary-lighter-color: #0854f7;
  --primary-darker-color: #0037ac;
  --secondary-color: #ffd34e;
  --secondary-lighter-color: #ffe677;
  --secondary-darker-color: #c29100;
  --base-color: #0f0c4b;
  --text-color: #ffffffd4;
  --error-color: #d95c5c;
  --text-secondary: #222222;
  --title-color: #ffd34e;
  --label-color: #ffffff82;
  --disable-bg: #6e6e6e;
  --disable-color: #474747;
  --card-bg: #0050ffab;
  --box-bg: linear-gradient(2deg, #0346dc, #004df7);
  --link-color: #ffd34e;
  --progress-bg: #ffd34e;
  --scrollbar: #ffd34e;

  --primary-gradient: linear-gradient(50deg, rgb(5 35 107) 0%, #004ffd 50%, rgba(16, 40, 99, 1) 100%);
  --secondary-gradient: linear-gradient(161deg, rgba(185, 129, 44, 1) 0%, rgba(255, 255, 149, 1) 35%, rgba(185, 129, 44, 1) 66%, rgba(255, 250, 138, 1) 90%, rgba(185, 129, 44, 1) 100%);
  --secondary-gradient-light: linear-gradient(161deg, rgb(255 252 142) 9%, rgb(217 161 15) 31%, rgba(255, 255, 149, 1) 53%, rgba(255, 250, 138, 1) 52%, rgb(215 161 33) 71%, rgb(237 220 114) 100%);
  --button-bg: linear-gradient(161deg, rgba(185, 129, 44, 1) 0%, rgba(255, 255, 149, 1) 35%, rgba(185, 129, 44, 1) 66%, rgba(255, 250, 138, 1) 90%, rgba(185, 129, 44, 1) 100%);
  --button-text: #222222;

  --shadow-divider: 0px 2px 3px 0px rgba(255, 255, 255, 0.07), 0px 1px 2px 0px rgba(0, 0, 0, 0.86) inset;
  --shadow-out: 10px 10px 30px 0 rgba(0, 0, 0, 0.73);
  --shadow-in: 3px 3px 4px 0px #0000006e inset, 3px 3px 4px 0px #ffffff21;
  --shadow-progressbar: inset 2px 4px 3px 0 #00000066, 0 3px 3px 0 #dfb6ff17;
  --shadow-in-button: 3px 3px 3px 0px #00000061 inset, 2px 2px 4px 0px #000000;
  --shadow-tab: 3px 3px 4px 0px rgb(0 0 0 / 30%) inset, 3px 0 4px 0px #e5e5e51a;
  --shadow-tab-button: 2px 2px 3px 0px rgba(0, 0, 0, 0.10), 2px 2px 4px 0px rgba(255, 255, 255, 0.52) inset, -2px -2px 4px 0px rgba(0, 0, 0, 0.13) inset;
}