/* ///////////////////////////////////////////////////////////////////// */
/* Colors */

:root {
  --dark-blue: #2b2f6b;
  --purple: #801c99;
  --orange: #ee5c3e;
  --yellow: #f4ac45;
  --light-blue: #30a1a3;
}

/* ///////////////////////////////////////////////////////////////////// */
/* Other Colors */

:root {
  --white: #fff;
  --blue-black: #090915;
}

/* ///////////////////////////////////////////////////////////////////// */
/* White with various Opacity */

:root {
  --white-00: rgba(255, 255, 255, 0);
  --white-02: rgba(255, 255, 255, 0.2);
  --white-04: rgba(255, 255, 255, 0.4);
  --white-06: rgba(255, 255, 255, 0.6);
  --white-08: rgba(255, 255, 255, 0.8);
  --white-10: rgb(255, 255, 255);
}

/* ///////////////////////////////////////////////////////////////////// */
/* Dark-Blue with various Opacity */

:root {
  --dark-blue-00: rgba(43, 47, 107, 0);
  --dark-blue-02: rgb(43, 47, 107, 0.2);
  --dark-blue-04: rgb(43, 47, 107, 0.4);
  --dark-blue-06: rgb(43, 47, 107, 0.6);
  --dark-blue-08: rgb(43, 47, 107, 0.8);
  --dark-blue-10: rgb(43, 47, 107);
}

/* ///////////////////////////////////////////////////////////////////// */
/* Blue-Black with various Opacity */

:root {
  --blue-black-00: rgba(9, 9, 21, 0);
  --blue-black-02: rgb(9, 9, 21, 0.2);
  --blue-black-04: rgb(9, 9, 21, 0.4);
  --blue-black-06: rgb(9, 9, 21, 0.6);
  --blue-black-08: rgb(9, 9, 21, 0.8);
  --blue-black-10: rgb(9, 9, 21);
}