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

:root {
  --text: #030f1a;
  --background: #f4f8fe;
  --primary: #3080e3;
  --secondary: #ee84d0;
  --accent: #e95c68;
}

:root {
  --text-50: #e8f3fc;
  --text-100: #d1e6fa;
  --text-200: #a4cdf4;
  --text-300: #76b5ef;
  --text-400: #489cea;
  --text-500: #1b83e4;
  --text-600: #1569b7;
  --text-700: #104f89;
  --text-800: #0b345b;
  --text-900: #051a2e;
  --text-950: #030d17;

  --background-50: #e8f0fd;
  --background-100: #d0e1fb;
  --background-200: #a2c4f6;
  --background-300: #73a6f2;
  --background-400: #4488ee;
  --background-500: #166ae9;
  --background-600: #1155bb;
  --background-700: #0d408c;
  --background-800: #092b5d;
  --background-900: #04152f;
  --background-950: #020b17;

  --primary-50: #e9f1fc;
  --primary-100: #d2e4f9;
  --primary-200: #a5c8f3;
  --primary-300: #78aded;
  --primary-400: #4b91e7;
  --primary-500: #1f76e0;
  --primary-600: #185eb4;
  --primary-700: #124787;
  --primary-800: #0c2f5a;
  --primary-900: #06182d;
  --primary-950: #030c16;

  --secondary-50: #fce9f6;
  --secondary-100: #f9d2ee;
  --secondary-200: #f3a5dd;
  --secondary-300: #ed78cc;
  --secondary-400: #e74bbb;
  --secondary-500: #e01fa9;
  --secondary-600: #b41888;
  --secondary-700: #871266;
  --secondary-800: #5a0c44;
  --secondary-900: #2d0622;
  --secondary-950: #160311;

  --accent-50: #fce9ea;
  --accent-100: #f9d2d5;
  --accent-200: #f3a5ac;
  --accent-300: #ed7882;
  --accent-400: #e74b58;
  --accent-500: #e01f2f;
  --accent-600: #b41825;
  --accent-700: #87121c;
  --accent-800: #5a0c13;
  --accent-900: #2d0609;
  --accent-950: #160305;
}