:root {
  /* Colors Start */
  --color-base-light: hsl(0, 0%, 100%);
  --color-background-muted: hsl(0, 0%, 96%);
  --color-base-dark: hsl(0, 0%, 0%);
  --color-secondary-dark: rgba(0, 0, 0, 0.8);
  --color-inactive-dark: hsla(0, 0%, 80%, 0.2);
  --color-inactive: hsl(0, 0%, 80%);
  --color-secondary-light:  #037ee5;
  --color-secondary-mid: hsl(0, 0%, 60%);
  --color-error-filling: hsl(0, 100%, 86%);
  --color-error: #DF1C41;
  --color-active-light: hsl(120, 33%, 70%);
  --color-active: #037ee5;
  --color-active-dark: #33c157;
  /* Colors End */

  /* Auth Proxy */
  --color-auth-proxy-text-primary: #cecece;

  --border-radius: 12px;

  /* Shadow Start */
  --shadow-sm: 0 4px 4px 0 hsla(0, 0%, 0%, 0.25);
  --shadow-md: 0 0 30px 0 hsla(0, 0%, 0%, 0.2);
  --shadow-lg: 0 4px 11px 0 hsla(213, 86%, 12%, 0.12);
  --shadow-xl: 0px 4px 11px 0px hsla(213, 86%, 12%, 0.12);
  --shadow-header-top: -4px -4px 20px 0 hsla(0, 0%, 0%, 0.25);
  /* Shadow End */


    --auth-light-bg: #ffffff;
    --auth-light-card-bg: #e8ecef;
    --auth-light-border: 67, 77, 89;
    --auth-light-text-secondary: #6B7280;
    --auth-light-text-primary: hsla(0, 0%, 10%, 0.6);
    --auth-error:#EE585A;
    --Light-Active: #037ee5;   
    --Overlay-Light: rgba(245, 247, 250, .7);

    /* background:
    linear-gradient(0deg, var(--Overlay-Light), var(--Overlay-Light)),
    linear-gradient(0deg, var(--Light-Active), var(--Light-Active)); */
}