/* General */
:root {
  --border-radius: 12px;
  --border-radius2x: 24px;
  --default: #1F1F1F;
}
/* Skin Colors */
/* linear-gradient(90deg, rgba(97,54,140,1) 0%, rgba(100,122,163,1) 100%); */
:root {
  --primary: #000000;
  --primary-100: #1a1a1a;
  --primary-200: #292929;
  --primary-300: #0b0c0d;
  --primary--100: #000000;
  --primary--200: #292929;
  --primary--300: #0b0c0d;
  --primary-rgba-0: rgba(97, 54, 104, 0);
  --primary-rgba-10: rgba(97, 54, 104, 0.1);
  --primary-rgba-20: rgba(97, 54, 104, 0.2);
  --primary-rgba-30: rgba(97, 54, 104, 0.3);
  --primary-rgba-40: rgba(97, 54, 104, 0.4);
  --primary-rgba-50: rgba(97, 54, 104, 0.5);
  --primary-rgba-60: rgba(97, 54, 104, 0.6);
  --primary-rgba-70: rgba(97, 54, 104, 0.7);
  --primary-rgba-80: rgba(97, 54, 104, 0.8);
  --primary-rgba-90: rgba(97, 54, 104, 0.9);
  --secondary: #FEA5A7;
  --secondary-100: #fee2e3;
  --secondary-200: #ffc9cb;
  --secondary-300: #FD9B9E;
  --secondary--100: #fee2e3;
  --secondary--200: #ffc9cb;
  --secondary--300: #FD9B9E;
  --secondary-rgba-0: rgba(136, 28, 249, 0);
  --secondary-rgba-10: rgba(136, 28, 249, 0.1);
  --secondary-rgba-20: rgba(136, 28, 249, 0.2);
  --secondary-rgba-30: rgba(136, 28, 249, 0.3);
  --secondary-rgba-40: rgba(136, 28, 249, 0.4);
  --secondary-rgba-50: rgba(136, 28, 249, 0.5);
  --secondary-rgba-60: rgba(136, 28, 249, 0.6);
  --secondary-rgba-70: rgba(136, 28, 249, 0.7);
  --secondary-rgba-80: rgba(136, 28, 249, 0.8);
  --secondary-rgba-90: rgba(136, 28, 249, 0.9);
  --tertiary: #000000;
  --tertiary-100: #261e15;
  --tertiary-200: #fbd5ad;
  --tertiary-300: #f7b77a;
  --tertiary--100: #ffffff;
  --tertiary--200: #ffffff;
  --tertiary--300: #ffffff;
  --tertiary-rgba-0: rgba(245, 243, 251, 0);
  --tertiary-rgba-10: rgba(245, 243, 251, 0.1);
  --tertiary-rgba-20: rgba(245, 243, 251, 0.2);
  --tertiary-rgba-30: rgba(245, 243, 251, 0.3);
  --tertiary-rgba-40: rgba(245, 243, 251, 0.4);
  --tertiary-rgba-50: rgba(245, 243, 251, 0.5);
  --tertiary-rgba-60: rgba(245, 243, 251, 0.6);
  --tertiary-rgba-70: rgba(245, 243, 251, 0.7);
  --tertiary-rgba-80: rgba(245, 243, 251, 0.8);
  --tertiary-rgba-90: rgba(245, 243, 251, 0.9);
  --quaternary: #61368c;
  --quaternary-100: #361754;
  --quaternary-200: #361754;
  --quaternary-300: #0b0c0d;
  --quaternary--100: #8b52cb;
  --quaternary--200: #bc98e8;
  --quaternary--300: #8b52cb;
  --quaternary-rgba-0: rgba(34, 37, 41, 0);
  --quaternary-rgba-10: rgba(34, 37, 41, 0.1);
  --quaternary-rgba-20: rgba(34, 37, 41, 0.2);
  --quaternary-rgba-30: rgba(34, 37, 41, 0.3);
  --quaternary-rgba-40: rgba(34, 37, 41, 0.4);
  --quaternary-rgba-50: rgba(34, 37, 41, 0.5);
  --quaternary-rgba-60: rgba(34, 37, 41, 0.6);
  --quaternary-rgba-70: rgba(34, 37, 41, 0.7);
  --quaternary-rgba-80: rgba(34, 37, 41, 0.8);
  --quaternary-rgba-90: rgba(34, 37, 41, 0.9);
  --dark: #1F1F1F;
  --dark-100: #1F1F1F;
  --dark-200: #101214;
  --dark-300: #0a0c0d;
  --dark--100: #2c3237;
  --dark--200: #32383e;
  --dark--300: #383f45;
  --dark-rgba-0: rgba(33, 37, 41, 0);
  --dark-rgba-10: rgba(33, 37, 41, 0.1);
  --dark-rgba-20: rgba(33, 37, 41, 0.2);
  --dark-rgba-30: rgba(33, 37, 41, 0.3);
  --dark-rgba-40: rgba(33, 37, 41, 0.4);
  --dark-rgba-50: rgba(33, 37, 41, 0.5);
  --dark-rgba-60: rgba(33, 37, 41, 0.6);
  --dark-rgba-70: rgba(33, 37, 41, 0.7);
  --dark-rgba-80: rgba(33, 37, 41, 0.8);
  --dark-rgba-90: rgba(33, 37, 41, 0.9);
  --light: #FFF;
  --light-100: #F5F5F5;
  --light-200: #EEEEEE;
  --light-300: #E0E0E0;
  --light--100: #ffffff;
  --light--200: #ffffff;
  --light--300: #ffffff;
  --light-rgba-0: rgba(255, 255, 255, 0);
  --light-rgba-10: rgba(255, 255, 255, 0.1);
  --light-rgba-20: rgba(255, 255, 255, 0.2);
  --light-rgba-30: rgba(255, 255, 255, 0.3);
  --light-rgba-40: rgba(255, 255, 255, 0.4);
  --light-rgba-50: rgba(255, 255, 255, 0.5);
  --light-rgba-60: rgba(255, 255, 255, 0.6);
  --light-rgba-70: rgba(255, 255, 255, 0.7);
  --light-rgba-80: rgba(255, 255, 255, 0.8);
  --light-rgba-90: rgba(255, 255, 255, 0.9);
  --btn-primary: #FD9B9E;
  --btn-primary-100: #fee2e3;
  --btn-primary-200: #ffc9cb;
  --btn-primary-300: #FD9B9E;
  --btn-primary--100: #fa6f73;
  --btn-primary--200: #f14247;
  --btn-primary--300: #801c1f;
}
/* Skin Colors - Inverse */
:root {
  --primary-inverse: #FFF;
  --secondary-inverse: #FFF;
  --tertiary-inverse: #777;
  --quaternary-inverse: #FFF;
  --dark-inverse: #FFF;
  --light-inverse: #777;
}
/* Grey Colors */
:root {
  --grey: #9E9E9E;
  --grey-100: #F5F5F5;
  --grey-200: #EEEEEE;
  --grey-300: #E0E0E0;
  --grey-400: #BDBDBD;
  --grey-500: #9E9E9E;
  --grey-600: #9E9E9E;
  --grey-700: #616161;
  --grey-900: #424242;
  --grey-1000: #1F1F1F;
}
/* Green Colors */
:root {
  --green: #52C13D;
  --green-50: #EAF8E8;
  --green-100: #CCECC7;
  --green-200: #ACE0A2;
  --green-300: #89D57C;
  --green-400: #6DCB5D;
  --green-500: #52C13D;
  --green-600: #49B134;
  --green-700: #3B9F28;
  --green-800: #2E8E1C;
  --green-900: #0D6E00;
}