// https://www.realtimecolors.com/

:root {
  --text: #020314;
  --background: #fafaff;
  --primary: #1915ef;
  --secondary: #f679ab;
  --accent: #e97a4c;
}

:root {
  --text-50: #e8e9fd;
  --text-100: #d1d3fa;
  --text-200: #a2a6f6;
  --text-300: #747af1;
  --text-400: #454eed;
  --text-500: #1721e8;
  --text-600: #121bba;
  --text-700: #0e148b;
  --text-800: #090d5d;
  --text-900: #05072e;
  --text-950: #020317;

  --background-50: #e5e5ff;
  --background-100: #ccccff;
  --background-200: #9999ff;
  --background-300: #6666ff;
  --background-400: #3333ff;
  --background-500: #0000ff;
  --background-600: #0000cc;
  --background-700: #000099;
  --background-800: #000066;
  --background-900: #000033;
  --background-950: #00001a;

  --primary-50: #e8e7fd;
  --primary-100: #d0cffc;
  --primary-200: #a1a0f8;
  --primary-300: #7270f5;
  --primary-400: #4340f2;
  --primary-500: #1411ee;
  --primary-600: #100dbf;
  --primary-700: #0c0a8f;
  --primary-800: #08075f;
  --primary-900: #040330;
  --primary-950: #020218;

  --secondary-50: #fde7f0;
  --secondary-100: #fccfe1;
  --secondary-200: #f8a0c3;
  --secondary-300: #f570a5;
  --secondary-400: #f24087;
  --secondary-500: #ee1169;
  --secondary-600: #bf0d54;
  --secondary-700: #8f0a3f;
  --secondary-800: #5f072a;
  --secondary-900: #300315;
  --secondary-950: #18020b;

  --accent-50: #fceee8;
  --accent-100: #f9ded2;
  --accent-200: #f4bca4;
  --accent-300: #ee9b77;
  --accent-400: #e97949;
  --accent-500: #e3581c;
  --accent-600: #b64616;
  --accent-700: #883511;
  --accent-800: #5b230b;
  --accent-900: #2d1206;
  --accent-950: #170903;
}