:root {
  --primary: #f2ca80;
  --primary-tint-1: #f3cf8d;
  --primary-tint-2: #f5d599;
  --primary-tint-3: #f6daa6;
  --primary-tint-4: #f7dfb2;
  --primary-tint-5: #f8e4bf;
  --primary-tint-6: #f9e9cb;
  --primary-tint-7: #fafee7;
  --primary-tint-8: #fbfef3;
  --primary-tint-9: #fdfefc;
  --primary-shade-1: #dab673;
  --primary-shade-2: #c7a568;
  --primary-shade-3: #b4945d;
  --primary-shade-4: #a18352;
  --primary-shade-5: #8e7247;
  --primary-shade-6: #7b613c;
  --primary-shade-7: #685131;
  --primary-shade-8: #554026;
  --primary-shade-9: #42301b;

  --dark: #58545f;
  --dark-tint-1: #6a666f;
  --dark-tint-2: #7c787a;
  --dark-tint-3: #8e8a8f;
  --dark-tint-4: #a09c9f;
  --dark-tint-5: #b2aeaf;
  --dark-tint-6: #c4c0c1;
  --dark-tint-7: #d6d2d3;
  --dark-tint-8: #e8e4e5;
  --dark-tint-9: #faf6f7;
  --dark-shade-1: #4f4c56;
  --dark-shade-2: #46434c;
  --dark-shade-3: #3d3a43;
  --dark-shade-4: #34313a;
  --dark-shade-5: #2b2833;
  --dark-shade-6: #221f2c;
  --dark-shade-7: #19161f;
  --dark-shade-8: #100d16;
  --dark-shade-9: #07040b;

  --light: #f1f4f3;
  --light-tint-1: #f3f6f5;
  --light-tint-2: #f5f8f7;
  --light-tint-3: #f7faf9;
  --light-tint-4: #f9fcfb;
  --light-tint-5: #fbfefd;
  --light-tint-6: #fdfefc;
  --light-tint-7: #fdfefc;
  --light-tint-8: #fdfefc;
  --light-tint-9: #fdfefc;
  --light-shade-1: #f1f4f3;
  --light-shade-2: #d9dcdb;
  --light-shade-3: #c1c3c2;
  --light-shade-4: #a9acab;
  --light-shade-5: #919493;
  --light-shade-6: #797c7b;
  --light-shade-7: #616463;
  --light-shade-8: #494c4b;
  --light-shade-9: #313433;

  --red: #f85a4e;
  --green: #00b300;
}

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

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