:root {
  --primary: #3f5cbd;
  --primary-tint-1: #526fca;
  --primary-tint-2: #657fd7;
  --primary-tint-3: #7890e4;
  --primary-tint-4: #8ba1f1;
  --primary-tint-5: #9eb2ff;
  --primary-tint-6: #b1c3ff;
  --primary-tint-7: #c4d4ff;
  --primary-tint-8: #d7e5ff;
  --primary-tint-9: #eaf6ff;
  --primary-shade-1: #3953aa;
  --primary-shade-2: #324997;
  --primary-shade-3: #2c4084;
  --primary-shade-4: #263771;
  --primary-shade-5: #202e5e;
  --primary-shade-6: #1a254b;
  --primary-shade-7: #141b38;
  --primary-shade-8: #0e1225;
  --primary-shade-9: #080912;

  --dark: #242D33;
  --dark-tint-1: #2d3840;
  --dark-tint-2: #37434d;
  --dark-tint-3: #414f5a;
  --dark-tint-4: #4b5b67;
  --dark-tint-5: #556774;
  --dark-tint-6: #5f7381;
  --dark-tint-7: #798c99;
  --dark-tint-8: #93a5b1;
  --dark-tint-9: #adbec9;
  --dark-shade-1: #20282e;
  --dark-shade-2: #1c2229;
  --dark-shade-3: #181d24;
  --dark-shade-4: #14181f;
  --dark-shade-5: #10131a;
  --dark-shade-6: #0c0e15;
  --dark-shade-7: #080a10;
  --dark-shade-8: #04050b;
  --dark-shade-9: #020306;

  --light: #EDEBE1;
  --light-tint-1: #f0eee6;
  --light-tint-2: #f2f1ea;
  --light-tint-3: #f5f4ef;
  --light-tint-4: #f7f6f3;
  --light-tint-5: #faf9f8;
  --light-tint-6: #fcfcfb;
  --light-tint-7: #ffffff;
  --light-tint-8: #ffffff;
  --light-tint-9: #ffffff;
  --light-shade-1: #d6d5cb;
  --light-shade-2: #bfbfb5;
  --light-shade-3: #a9a99f;
  --light-shade-4: #929289;
  --light-shade-5: #7c7c73;
  --light-shade-6: #65655d;
  --light-shade-7: #4e4e47;
  --light-shade-8: #373731;
  --light-shade-9: #20201b;

  --red: #f85a4e;
  --green: #11c411;
}

#btn-register {
  color: var(--light);
}

#btn-login {
  color: var(--light);
}