:root {
  --font-family: "Plus Jakarta Sans", sans-serif;
  /* Primary Colors */
  --primary-lightest: #f5f7ff;
  --primary-light: #ebeefe;
  --primary-main: #093db0;
  --primary-dark: #4338ca;
  --primary-darkest: #312e81;
  /* Secondary Colors */
  --secondary-lightest: #f8f9fa;
  --secondary-light: #f3f4f6;
  --secondary-main: #6c737f;
  --secondary-dark: #384250;
  --secondary-darkest: #111927;
  /* Error Colors */
  --error-lightest: #fef3f2;
  --error-light: #fee4e2;
  --error-main: #f04438;
  --error-dark: #b42318;
  --error-darkest: #7a271a;
  /* Warning Colors */
  --warning-lightest: #fffaeb;
  --warning-light: #fef0c7;
  --warning-main: #f79009;
  --warning-dark: #b54708;
  --warning-darkest: #7a2e0e;
  /* Info Colors */
  --info-lightest: #ecfdff;
  --info-light: #cff9fe;
  --info-main: #06aed4;
  --info-dark: #0e7090;
  --info-darkest: #164c63;
  /* Success Colors */
  --success-lightest: #f0fdf9;
  --success-light: #ccfbef;
  --success-main: #15b79e;
  --success-dark: #107569;
  --success-darkest: #134e48;
  /* Purple Colors */
  --purple-lightest: #f9f5ff;
  --purple-light: #f4ebff;
  --purple-main: #9e77ed;
  --purple-dark: #6941c6;
  --purple-darkest: #42307d;
  /* Indigo Colors */
  --indigo-lightest: #f5f7ff;
  --indigo-light: #edfcf2;
  --indigo-main: #16b364;
  --indigo-dark: #087443;
  --indigo-darkest: #084c2e;
  /* Green Colors */
  --green-lightest: #f5f8ff;
  --green-light: #ebefff;
  --green-main: #2970ff;
  --green-dark: #004eeb;
  --green-darkest: #00359e;

  --blinq-theme-light: #cfd4e0;
  --blinq-theme-main: #194ab7;

  /* more colors */

  /* Greyscale */
  --color-white: #ffffff;
  --color-grey-5: #fdfdfd;
  --color-grey-10: #fdfdfd;
  --color-grey-15: #e5e7eb;
  --color-grey-20: #f1f1f1;
  --color-grey-30: #ececed;
  --color-grey-40: #e6e6e6;
  --color-grey-50: #dcdcde;
  --color-grey-60: #c9c9cc;
  --color-grey-70: #939197;
  --color-grey-80: #717076;
  --color-grey-90: #4f4d55;
  --color-grey-100: #2d2b32;
  --color-grey-110: #080808;
  --color-black: #000000;

  /* Blue */
  --color-primary-5: #f3f5fb;
  --color-primary-10: #e6ecf7;
  --color-primary-20: #ced8ef;
  --color-primary-30: #b5c5e7;
  --color-primary-40: #9db1df;
  --color-primary-50: #849ed7;
  --color-primary-60: #6b8bd0;
  --color-primary-80: #3a64c0;
  --color-primary-100: #093db0;
  --color-primary-110: #08379e;

  /* Green */
  --color-success-5: #f2fbf9;
  --color-success-10: #e5f7f3;
  --color-success-20: #ccf0e7;
  --color-success-30: #b2e8db;
  --color-success-40: #99e1d0;
  --color-success-50: #7fd9c3;
  --color-success-60: #66d2b8;
  --color-success-80: #33c3a0;
  --color-success-100: #00b489;
  --color-success-110: #00a27b;

  /* Orange */
  --color-orange-5: #fff9f5;
  --color-orange-10: #fff4ec;
  --color-orange-20: #ffeadb;
  --color-orange-30: #ffdfc8;
  --color-orange-40: #ffd6b7;
  --color-orange-50: #ffcba4;
  --color-orange-60: #ffc192;
  --color-orange-80: #ffac6e;
  --color-orange-100: #ff974a;
  --color-orange-110: #e58843;

  /* Red */
  --color-error-5: #fef6f4;
  --color-error-10: #fdece9;
  --color-error-20: #fbdad3;
  --color-error-30: #f9c7bc;
  --color-error-40: #f7b5a6;
  --color-error-50: #f5a290;
  --color-error-60: #f2907a;
  --color-error-80: #ee6b4d;
  --color-error-100: #ea4621;
  --color-error-110: #d33f1e;

  /* Yellow */
  --color-warning-5: #fffcf2;
  --color-warning-10: #fff9e5;
  --color-warning-20: #fff3cc;
  --color-warning-30: #ffeeb2;
  --color-warning-40: #ffe899;
  --color-warning-50: #ffe280;
  --color-warning-60: #ffdc66;
  --color-warning-80: #ffd133;
  --color-warning-100: #ffc500;
  --color-warning-110: #e5b100;
}