:root {
  --color-white: #ffffff;
  --color-black: #0b0c0c;
  --color-black-tint-25: #484949;
  --color-black-tint-50: #858686;
  --color-black-tint-80: #cecece;
  --color-black-tint-95: #f3f3f3;

  --color-blue: #1d70b8;
  --color-blue-tint-25: #5694ca;
  --color-blue-tint-50: #8eb8dc;
  --color-blue-tint-80: #d2e2f1;
  --color-blue-tint-95: #f4f8fb;
  --color-blue-shade-10: #1a65a6;
  --color-blue-shade-25: #16548a;
  --color-blue-shade-50: #0f385c;

  --color-green: #0f7a52;
  --color-green-tint-25: #4b9b7d;
  --color-green-tint-50: #87bca8;
  --color-green-tint-80: #cfe4dc;
  --color-green-tint-95: #f3f8f6;
  --color-green-shade-25: #0b5c3e;
  --color-green-shade-50: #083d29;

  --color-red: #ca3535;
  --color-red-tint-25: #d76868;
  --color-red-tint-50: #e59a9a;
  --color-red-tint-80: #f4d7d7;
  --color-red-tint-95: #fcf5f5;
  --color-red-shade-25: #982828;
  --color-red-shade-50: #651b1b;

  --color-yellow: #ffdd00;
  --color-yellow-tint-25: #ffe640;
  --color-yellow-tint-50: #ffee80;
  --color-yellow-tint-80: #fff8cc;
  --color-yellow-tint-95: #fffdf2;
  --color-yellow-shade-25: #bfa600;
  --color-yellow-shade-50: #806f00;

  --color-orange: #f47738;
  --color-orange-tint-25: #f7996a;
  --color-orange-tint-50: #fabb9c;
  --color-orange-tint-80: #fde4d7;
  --color-orange-tint-95: #fef8f5;
  --color-orange-shade-25: #b7592a;
  --color-orange-shade-50: #7a3c1c;

  --color-purple: #54319f;
  --color-purple-tint-25: #7f65b7;
  --color-purple-tint-50: #aa98cf;
  --color-purple-tint-80: #ddd6ec;
  --color-purple-tint-95: #f6f5fa;
  --color-purple-shade-25: #3f2577;
  --color-purple-shade-50: #2a1950;

  --color-magenta: #ca357c;
  --color-magenta-tint-25: #d7689d;
  --color-magenta-tint-50: #e59abe;
  --color-magenta-tint-80: #f4d7e5;
  --color-magenta-tint-95: #fcf5f8;
  --color-magenta-shade-25: #98285d;
  --color-magenta-shade-50: #651b3e;

  --color-teal: #158187;
  --color-teal-tint-25: #50a1a5;
  --color-teal-tint-50: #8ac0c3;
  --color-teal-tint-80: #d0e6e7;
  --color-teal-tint-95: #f3f9f9;
  --color-teal-shade-25: #106165;
  --color-teal-shade-50: #0b4144;
  --color-teal-accent: #00ffe0;

  --color-brown: #99704a;
  --color-brown-tint-25: #b39477;
  --color-brown-tint-50: #ccb8a5;
  --color-brown-tint-95: #faf8f6;
}