color.css

:root {
  --theme-primary: #f80759;
  --theme-secondary: #bc4e9c;
  --background: #f8f8f8;
  --dark: #0f0f0f;
  --light-blue: #8686fa;
  --liquid: blue;
  --white: #fff;
  --black: black;
  --offWhite: #b0daeb;
  --offBlack: #111111;
  --shadow-dark: rgba(54, 54, 54, 0.551);

  --primary-light: #ffffff;
  --primary-dark: #f5f5f5;
  --Grey-light-1: #faf9f9;
  --Grey-light-2: #f4f2f2;
  --Grey-light-3: #f0eeee;
  --Grey-light-4: #ccc;
  --Grey-dark-1: #333;
  --Grey-dark-2: #777;
  --Grey-dark-3: #999;
  --Grey-dark-4: rgb(20, 20, 20);
  --Grey-dark-5: rgb(61, 61, 61);
  --bgTextColor: #191919;
  --loginButton: #2b65ec;
  --global-font: "Roboto";
  --surface-color: rgba(0, 0, 0, 0.884);
  --curve: 40;
  --heading-color: #ececec;
  --sky-blue: #8dfbff;
  --dark-blue: #14327f;
  --sky-blue-light: #b8fefe;
  --blue-dark: #acc3fd;
}