:root {
  --primary: #f9e23a;
  --primary-tint-1: #fae751;
  --primary-tint-2: #faeb68;
  --primary-tint-3: #fbf07f;
  --primary-tint-4: #fbf496;
  --primary-tint-5: #fcf7ad;
  --primary-tint-6: #fcfbc4;
  --primary-tint-7: #fdfddb;
  --primary-tint-8: #fefdee;
  --primary-tint-9: #fffeff;
  --primary-shade-1: #e0cb34;
  --primary-shade-2: #c7b32e;
  --primary-shade-3: #ad9a28;
  --primary-shade-4: #948222;
  --primary-shade-5: #7b6a1c;
  --primary-shade-6: #625216;
  --primary-shade-7: #493a10;
  --primary-shade-8: #30220a;
  --primary-shade-9: #181105;

  --dark: #274143;
  --dark-tint-1: #315054;
  --dark-tint-2: #3c6064;
  --dark-tint-3: #466f75;
  --dark-tint-4: #507f85;
  --dark-tint-5: #5b8f96;
  --dark-tint-6: #6d9fa6;
  --dark-tint-7: #7fb0b7;
  --dark-tint-8: #91c1c8;
  --dark-tint-9: #a3d2d9;
  --dark-shade-1: #233a3c;
  --dark-shade-2: #1f3335;
  --dark-shade-3: #1b2d2f;
  --dark-shade-4: #172628;
  --dark-shade-5: #131f22;
  --dark-shade-6: #0f181b;
  --dark-shade-7: #0b1215;
  --dark-shade-8: #070b0e;
  --dark-shade-9: #030507;

  --light: #EFF6F0;
  --light-tint-1: #f1f7f2;
  --light-tint-2: #f3f8f4;
  --light-tint-3: #f5f9f6;
  --light-tint-4: #f7faf8;
  --light-tint-5: #f9fbfa;
  --light-tint-6: #fbfcfc;
  --light-tint-7: #fdfdfd;
  --light-tint-8: #ffffff;
  --light-tint-9: #ffffff;
  --light-shade-1: #d7ded8;
  --light-shade-2: #bfc6c0;
  --light-shade-3: #a7aea8;
  --light-shade-4: #8f9690;
  --light-shade-5: #777e78;
  --light-shade-6: #5f6660;
  --light-shade-7: #474e48;
  --light-shade-8: #2f3630;
  --light-shade-9: #171e18;
  
  --red: #f85a4e;
  --green: #11c411;
}

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

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