/* https://www.realtimecolors.com/?colors=020612-fbfcfe-355be3-ef8fdc-e75076&fonts=Carter%20One-Host%20Grotesk */

@media (prefers-color-scheme: light) {
  :root {
    --text: #020612;
    --background: #fbfcfe;
    --primary: #355be3;
    --secondary: #ef8fdc;
    --accent: #e75076;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --text: #edf1fd;
    --background: #010204;
    --primary: #1c41ca;
    --secondary: #70105c;
    --accent: #af183e;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --text-50: #e8eefc;
    --text-100: #d1dcfa;
    --text-200: #a4b9f4;
    --text-300: #7696ef;
    --text-400: #4873ea;
    --text-500: #1b50e4;
    --text-600: #1540b7;
    --text-700: #103089;
    --text-800: #0b205b;
    --text-900: #05102e;
    --text-950: #030817;

    --background-50: #eaeefb;
    --background-100: #d4ddf7;
    --background-200: #aabbee;
    --background-300: #7f99e6;
    --background-400: #5577dd;
    --background-500: #2a55d5;
    --background-600: #2244aa;
    --background-700: #193380;
    --background-800: #112255;
    --background-900: #08112b;
    --background-950: #040815;

    --primary-50: #e9edfc;
    --primary-100: #d2dbf9;
    --primary-200: #a5b6f3;
    --primary-300: #7892ed;
    --primary-400: #4b6de7;
    --primary-500: #1f49e0;
    --primary-600: #183ab4;
    --primary-700: #122c87;
    --primary-800: #0c1d5a;
    --primary-900: #060f2d;
    --primary-950: #030716;

    --secondary-50: #fce9f8;
    --secondary-100: #f9d2f1;
    --secondary-200: #f2a6e3;
    --secondary-300: #ec79d5;
    --secondary-400: #e64cc7;
    --secondary-500: #df20b9;
    --secondary-600: #b31994;
    --secondary-700: #86136f;
    --secondary-800: #590d4a;
    --secondary-900: #2d0625;
    --secondary-950: #160312;

    --accent-50: #fce9ed;
    --accent-100: #f9d2dc;
    --accent-200: #f3a5b9;
    --accent-300: #ed7895;
    --accent-400: #e74b72;
    --accent-500: #e01f4f;
    --accent-600: #b4183f;
    --accent-700: #87122f;
    --accent-800: #5a0c20;
    --accent-900: #2d0610;
    --accent-950: #160308;

  }
}
@media (prefers-color-scheme: dark) {
  :root {
    --text-50: #030817;
    --text-100: #050f2e;
    --text-200: #0a1f5c;
    --text-300: #0f2e8a;
    --text-400: #143db8;
    --text-500: #194ce6;
    --text-600: #4770eb;
    --text-700: #7594f0;
    --text-800: #a3b8f5;
    --text-900: #d1dbfa;
    --text-950: #e8edfc;

    --background-50: #050a14;
    --background-100: #0a1429;
    --background-200: #142952;
    --background-300: #1f3d7a;
    --background-400: #2952a3;
    --background-500: #3366cc;
    --background-600: #5c85d6;
    --background-700: #85a3e0;
    --background-800: #adc2eb;
    --background-900: #d6e0f5;
    --background-950: #ebf0fa;

    --primary-50: #030716;
    --primary-100: #060f2d;
    --primary-200: #0c1d5a;
    --primary-300: #122c87;
    --primary-400: #183ab4;
    --primary-500: #1f49e0;
    --primary-600: #4b6de7;
    --primary-700: #7892ed;
    --primary-800: #a5b6f3;
    --primary-900: #d2dbf9;
    --primary-950: #e9edfc;

    --secondary-50: #160312;
    --secondary-100: #2d0625;
    --secondary-200: #590d4a;
    --secondary-300: #86136f;
    --secondary-400: #b31994;
    --secondary-500: #df20b9;
    --secondary-600: #e64cc7;
    --secondary-700: #ec79d5;
    --secondary-800: #f2a6e3;
    --secondary-900: #f9d2f1;
    --secondary-950: #fce9f8;

    --accent-50: #160308;
    --accent-100: #2d0610;
    --accent-200: #5a0c20;
    --accent-300: #87122f;
    --accent-400: #b4183f;
    --accent-500: #e01f4f;
    --accent-600: #e74b72;
    --accent-700: #ed7895;
    --accent-800: #f3a5b9;
    --accent-900: #f9d2dc;
    --accent-950: #fce9ed;

  }
}