/* 
  This file handles color palettes for the site. You can see some different themes below.
  https://www.realtimecolors.com is a great site for choosing color palettes if you decide you want to explore other colors.
  Note that dark themes are not used anywhere, but are here as an example. They probably look bad.
*/

/*
Temp:
#6db8e3 
*/

/* Primary site theme: */
:root[data-theme="light"] {
  --text-50: #e9f3fc;
  --text-100: #d2e7f9;
  --text-200: #a6d0f2;
  --text-300: #79b8ec;
  --text-400: #4ca1e6;
  --text-500: #2089df;
  --text-600: #196eb3;
  --text-700: #135286;
  --text-800: #0d3759;
  --text-900: #061b2d;
  --text-950: #030e16;

  --background-50: #faebeb;
  --background-100: #f5d6d6;
  --background-200: #ebadad;
  --background-300: #e08585;
  --background-400: #d65c5c;
  --background-500: #cc3333;
  --background-600: #a32929;
  --background-700: #7a1f1f;
  --background-800: #521414;
  --background-900: #290a0a;
  --background-950: #140505;

  --primary-50: #e8f6fc;
  --primary-100: #d2edf9;
  --primary-200: #a4dcf4;
  --primary-300: #77caee;
  --primary-400: #49b9e9;
  --primary-500: #1ca7e3;
  --primary-600: #1686b6;
  --primary-700: #116488;
  --primary-800: #0b435b;
  --primary-900: #06212d;
  --primary-950: #031117;

  --secondary-50: #eaf4fa;
  --secondary-100: #d6eaf5;
  --secondary-200: #acd4ec;
  --secondary-300: #83bfe2;
  --secondary-400: #5aaad8;
  --secondary-500: #3095cf;
  --secondary-600: #2777a5;
  --secondary-700: #1d597c;
  --secondary-800: #133b53;
  --secondary-900: #0a1e29;
  --secondary-950: #050f15;

  --accent-50: #eaf4fa;
  --accent-100: #d5e9f6;
  --accent-200: #acd3ec;
  --accent-300: #82bee3;
  --accent-400: #59a8d9;
  --accent-500: #2f92d0;
  --accent-600: #2675a6;
  --accent-700: #1c587d;
  --accent-800: #133a53;
  --accent-900: #091d2a;
  --accent-950: #050f15;

}
:root[data-theme="dark"] {
  --text-50: #030d16;
  --text-100: #061b2d;
  --text-200: #0c365a;
  --text-300: #125087;
  --text-400: #186bb4;
  --text-500: #1f86e0;
  --text-600: #4b9ee7;
  --text-700: #78b6ed;
  --text-800: #a5cff3;
  --text-900: #d2e7f9;
  --text-950: #e9f3fc;

  --background-50: #140505;
  --background-100: #290a0a;
  --background-200: #521414;
  --background-300: #7a1f1f;
  --background-400: #a32929;
  --background-500: #cc3333;
  --background-600: #d65c5c;
  --background-700: #e08585;
  --background-800: #ebadad;
  --background-900: #f5d6d6;
  --background-950: #faebeb;

  --primary-50: #031117;
  --primary-100: #06212d;
  --primary-200: #0b435b;
  --primary-300: #116488;
  --primary-400: #1686b6;
  --primary-500: #1ca7e3;
  --primary-600: #49b9e9;
  --primary-700: #77caee;
  --primary-800: #a4dcf4;
  --primary-900: #d2edf9;
  --primary-950: #e8f6fc;

  --secondary-50: #050f15;
  --secondary-100: #0a1e29;
  --secondary-200: #133b53;
  --secondary-300: #1d597c;
  --secondary-400: #2777a5;
  --secondary-500: #3095cf;
  --secondary-600: #5aaad8;
  --secondary-700: #83bfe2;
  --secondary-800: #acd4ec;
  --secondary-900: #d6eaf5;
  --secondary-950: #eaf4fa;

  --accent-50: #050f15;
  --accent-100: #091d2a;
  --accent-200: #133a53;
  --accent-300: #1c587d;
  --accent-400: #2675a6;
  --accent-500: #2f92d0;
  --accent-600: #59a8d9;
  --accent-700: #82bee3;
  --accent-800: #acd3ec;
  --accent-900: #d5e9f6;
  --accent-950: #eaf4fa;

}



/* Green theme */
:root[data-theme="green-light"] {
  --text-50: #eef6ee;
  --text-100: #deedde;
  --text-200: #bddbbd;
  --text-300: #9cc99c;
  --text-400: #7ab87a;
  --text-500: #59a659;
  --text-600: #478547;
  --text-700: #366336;
  --text-800: #244224;
  --text-900: #122112;
  --text-950: #091109;

  --background-50: #f2f6ee;
  --background-100: #e6eedd;
  --background-200: #ccddbb;
  --background-300: #b3cc99;
  --background-400: #99bb77;
  --background-500: #80aa55;
  --background-600: #668844;
  --background-700: #4d6633;
  --background-800: #334422;
  --background-900: #1a2211;
  --background-950: #0d1109;

  --primary-50: #f0f6ee;
  --primary-100: #e1eedd;
  --primary-200: #c3dcbc;
  --primary-300: #a5cb9a;
  --primary-400: #87ba78;
  --primary-500: #68a857;
  --primary-600: #548745;
  --primary-700: #3f6534;
  --primary-800: #2a4323;
  --primary-900: #152211;
  --primary-950: #0a1109;

  --secondary-50: #eef6f5;
  --secondary-100: #ddeeea;
  --secondary-200: #bcdcd5;
  --secondary-300: #9acbc0;
  --secondary-400: #78baab;
  --secondary-500: #57a897;
  --secondary-600: #458778;
  --secondary-700: #34655a;
  --secondary-800: #23433c;
  --secondary-900: #11221e;
  --secondary-950: #09110f;

  --accent-50: #eef6f6;
  --accent-100: #ddeeed;
  --accent-200: #bcdcdc;
  --accent-300: #9acbca;
  --accent-400: #78bab9;
  --accent-500: #57a8a7;
  --accent-600: #458786;
  --accent-700: #346564;
  --accent-800: #234343;
  --accent-900: #112221;
  --accent-950: #091111;

}
:root[data-theme="green-dark"] {
  --text-50: #091109;
  --text-100: #122112;
  --text-200: #234323;
  --text-300: #356435;
  --text-400: #468646;
  --text-500: #58a758;
  --text-600: #79b979;
  --text-700: #9bca9b;
  --text-800: #bcdcbc;
  --text-900: #deedde;
  --text-950: #eef6ee;

  --background-50: #0f0f0a;
  --background-100: #1f1f14;
  --background-200: #3d3d29;
  --background-300: #5c5c3d;
  --background-400: #7a7a52;
  --background-500: #999966;
  --background-600: #adad85;
  --background-700: #c2c2a3;
  --background-800: #d6d6c2;
  --background-900: #ebebe0;
  --background-950: #f5f5f0;

  --primary-50: #0a1109;
  --primary-100: #152211;
  --primary-200: #2a4323;
  --primary-300: #3f6534;
  --primary-400: #548745;
  --primary-500: #68a857;
  --primary-600: #87ba78;
  --primary-700: #a5cb9a;
  --primary-800: #c3dcbc;
  --primary-900: #e1eedd;
  --primary-950: #f0f6ee;

  --secondary-50: #09110f;
  --secondary-100: #11221e;
  --secondary-200: #23433c;
  --secondary-300: #34655a;
  --secondary-400: #458778;
  --secondary-500: #57a897;
  --secondary-600: #78baab;
  --secondary-700: #9acbc0;
  --secondary-800: #bcdcd5;
  --secondary-900: #ddeeea;
  --secondary-950: #eef6f5;

  --accent-50: #091111;
  --accent-100: #112221;
  --accent-200: #234343;
  --accent-300: #346564;
  --accent-400: #458786;
  --accent-500: #57a8a7;
  --accent-600: #78bab9;
  --accent-700: #9acbca;
  --accent-800: #bcdcdc;
  --accent-900: #ddeeed;
  --accent-950: #eef6f6;

}


/* Very bright blue theme */
:root[data-theme="blue-light"] {
  --text-50: #edf2f7;
  --text-100: #dbe6f0;
  --text-200: #b8cce0;
  --text-300: #94b2d1;
  --text-400: #7099c2;
  --text-500: #4d7fb3;
  --text-600: #3d668f;
  --text-700: #2e4c6b;
  --text-800: #1f3347;
  --text-900: #0f1924;
  --text-950: #080d12;

  --background-50: #f9f1ec;
  --background-100: #f2e3d9;
  --background-200: #e6c6b3;
  --background-300: #d9aa8c;
  --background-400: #cc8d66;
  --background-500: #bf7140;
  --background-600: #995a33;
  --background-700: #734426;
  --background-800: #4d2d19;
  --background-900: #26170d;
  --background-950: #130b06;

  --primary-50: #eaf9fb;
  --primary-100: #d4f3f7;
  --primary-200: #a9e7ef;
  --primary-300: #7edae7;
  --primary-400: #54cede;
  --primary-500: #29c2d6;
  --primary-600: #219bab;
  --primary-700: #187481;
  --primary-800: #104e56;
  --primary-900: #08272b;
  --primary-950: #041315;

  --secondary-50: #e8fbfd;
  --secondary-100: #d0f7fb;
  --secondary-200: #a2eff6;
  --secondary-300: #73e7f2;
  --secondary-400: #44e0ee;
  --secondary-500: #16d8e9;
  --secondary-600: #11adbb;
  --secondary-700: #0d818c;
  --secondary-800: #09565d;
  --secondary-900: #042b2f;
  --secondary-950: #021617;

  --accent-50: #e5f9ff;
  --accent-100: #ccf4ff;
  --accent-200: #99e9ff;
  --accent-300: #66deff;
  --accent-400: #33d3ff;
  --accent-500: #00c8ff;
  --accent-600: #00a0cc;
  --accent-700: #007899;
  --accent-800: #005066;
  --accent-900: #002833;
  --accent-950: #00141a;

}
:root[data-theme="blue-dark"] {
  --text-50: #080d12;
  --text-100: #0f1924;
  --text-200: #1f3347;
  --text-300: #2e4c6b;
  --text-400: #3d668f;
  --text-500: #4d7fb3;
  --text-600: #7099c2;
  --text-700: #94b2d1;
  --text-800: #b8cce0;
  --text-900: #dbe6f0;
  --text-950: #edf2f7;

  --background-50: #130c07;
  --background-100: #25180e;
  --background-200: #4b301b;
  --background-300: #704829;
  --background-400: #966036;
  --background-500: #bb7844;
  --background-600: #c99369;
  --background-700: #d6ae8f;
  --background-800: #e4c9b4;
  --background-900: #f1e4da;
  --background-950: #f8f1ec;

  --primary-50: #041315;
  --primary-100: #08272b;
  --primary-200: #104e56;
  --primary-300: #187481;
  --primary-400: #219bab;
  --primary-500: #29c2d6;
  --primary-600: #54cede;
  --primary-700: #7edae7;
  --primary-800: #a9e7ef;
  --primary-900: #d4f3f7;
  --primary-950: #eaf9fb;

  --secondary-50: #021617;
  --secondary-100: #042b2f;
  --secondary-200: #09565d;
  --secondary-300: #0d818c;
  --secondary-400: #11adbb;
  --secondary-500: #16d8e9;
  --secondary-600: #44e0ee;
  --secondary-700: #73e7f2;
  --secondary-800: #a2eff6;
  --secondary-900: #d0f7fb;
  --secondary-950: #e8fbfd;

  --accent-50: #00141a;
  --accent-100: #002833;
  --accent-200: #005066;
  --accent-300: #007899;
  --accent-400: #00a0cc;
  --accent-500: #00c8ff;
  --accent-600: #33d3ff;
  --accent-700: #66deff;
  --accent-800: #99e9ff;
  --accent-900: #ccf4ff;
  --accent-950: #e5f9ff;

}

/* Galapagos (from one of my websites, here as an example of a more interesting but still accessible theme. */
:root[data-theme="galapagos-light"] {
  --text-50: #e9f5fc;
  --text-100: #d2ecf9;
  --text-200: #a6d9f2;
  --text-300: #79c6ec;
  --text-400: #4cb2e6;
  --text-500: #209fdf;
  --text-600: #197fb3;
  --text-700: #136086;
  --text-800: #0d4059;
  --text-900: #06202d;
  --text-950: #031016;

  --background-50: #fcf9e9;
  --background-100: #f9f3d2;
  --background-200: #f3e7a5;
  --background-300: #eddb78;
  --background-400: #e7cf4b;
  --background-500: #e0c31f;
  --background-600: #b49c18;
  --background-700: #877512;
  --background-800: #5a4e0c;
  --background-900: #2d2706;
  --background-950: #161403;

  --primary-50: #e8f7fc;
  --primary-100: #d2eff9;
  --primary-200: #a5def3;
  --primary-300: #78ceed;
  --primary-400: #4abee8;
  --primary-500: #1dade2;
  --primary-600: #178bb5;
  --primary-700: #126887;
  --primary-800: #0c455a;
  --primary-900: #06232d;
  --primary-950: #031117;

  --secondary-50: #eaf7fa;
  --secondary-100: #d5eff6;
  --secondary-200: #abe0ed;
  --secondary-300: #82d0e3;
  --secondary-400: #58c0da;
  --secondary-500: #2eb0d1;
  --secondary-600: #258da7;
  --secondary-700: #1c6a7d;
  --secondary-800: #124754;
  --secondary-900: #09232a;
  --secondary-950: #051215;

  --accent-50: #e9fde7;
  --accent-100: #d2fccf;
  --accent-200: #a6f8a0;
  --accent-300: #79f570;
  --accent-400: #4cf240;
  --accent-500: #1fee11;
  --accent-600: #19bf0d;
  --accent-700: #138f0a;
  --accent-800: #0d5f07;
  --accent-900: #063003;
  --accent-950: #031802;

}
:root[data-theme="galapagos-dark"] {
  --text-50: #031116;
  --text-100: #07212c;
  --text-200: #0d4259;
  --text-300: #146385;
  --text-400: #1b84b1;
  --text-500: #21a5de;
  --text-600: #4eb7e4;
  --text-700: #7ac9eb;
  --text-800: #a6dbf2;
  --text-900: #d3edf8;
  --text-950: #e9f6fc;

  --background-50: #161503;
  --background-100: #2c2907;
  --background-200: #58520e;
  --background-300: #847b15;
  --background-400: #b0a41c;
  --background-500: #ddcd22;
  --background-600: #e3d74f;
  --background-700: #eae17b;
  --background-800: #f1eba7;
  --background-900: #f8f5d3;
  --background-950: #fcfae9;

  --primary-50: #031216;
  --primary-100: #06242d;
  --primary-200: #0d4959;
  --primary-300: #136d86;
  --primary-400: #1991b3;
  --primary-500: #20b6df;
  --primary-600: #4cc4e6;
  --primary-700: #79d3ec;
  --primary-800: #a6e2f2;
  --primary-900: #d2f0f9;
  --primary-950: #e9f8fc;

  --secondary-50: #051215;
  --secondary-100: #09232a;
  --secondary-200: #124754;
  --secondary-300: #1c6a7d;
  --secondary-400: #258da7;
  --secondary-500: #2eb0d1;
  --secondary-600: #58c0da;
  --secondary-700: #82d0e3;
  --secondary-800: #abe0ed;
  --secondary-900: #d5eff6;
  --secondary-950: #eaf7fa;

  --accent-50: #061505;
  --accent-100: #0b2a09;
  --accent-200: #165313;
  --accent-300: #217d1c;
  --accent-400: #2ca626;
  --accent-500: #37d02f;
  --accent-600: #5fd959;
  --accent-700: #87e382;
  --accent-800: #afecac;
  --accent-900: #d7f6d5;
  --accent-950: #ebfaea;

}