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

:root {
  --text: #0d1416;
  --background: #fdfdfd;
  --primary: #669ca3;
  --secondary: #a5abc9;
  --accent: #8d8cba;
}

:root {
  --text-50: #eff4f6;
  --text-100: #dfe9ec;
  --text-200: #bfd4d9;
  --text-300: #9fbec6;
  --text-400: #7ea8b4;
  --text-500: #5e92a1;
  --text-600: #4b7581;
  --text-700: #395860;
  --text-800: #263b40;
  --text-900: #131d20;
  --text-950: #090f10;

  --background-50: #f0f5f5;
  --background-100: #e0ebeb;
  --background-200: #c2d6d6;
  --background-300: #a3c2c2;
  --background-400: #85adad;
  --background-500: #669999;
  --background-600: #527a7a;
  --background-700: #3d5c5c;
  --background-800: #293d3d;
  --background-900: #141f1f;
  --background-950: #0a0f0f;

  --primary-50: #eff5f5;
  --primary-100: #dfeaec;
  --primary-200: #bfd6d9;
  --primary-300: #9fc1c6;
  --primary-400: #80adb3;
  --primary-500: #60989f;
  --primary-600: #4d7a80;
  --primary-700: #395b60;
  --primary-800: #263d40;
  --primary-900: #131e20;
  --primary-950: #0a0f10;

  --secondary-50: #eff0f5;
  --secondary-100: #dfe1ec;
  --secondary-200: #bfc4d9;
  --secondary-300: #9fa6c6;
  --secondary-400: #8088b3;
  --secondary-500: #606a9f;
  --secondary-600: #4d5580;
  --secondary-700: #394060;
  --secondary-800: #262b40;
  --secondary-900: #131520;
  --secondary-950: #0a0b10;

  --accent-50: #efeff5;
  --accent-100: #dfdfec;
  --accent-200: #c0bfd9;
  --accent-300: #a09fc6;
  --accent-400: #8080b3;
  --accent-500: #61609f;
  --accent-600: #4d4d80;
  --accent-700: #3a3960;
  --accent-800: #272640;
  --accent-900: #131320;
  --accent-950: #0a0a10;
}