/* Light mode variables (default) */
:root {
    --progress-color: #ffd866;
    --dark-gray: #403e41;
    --light-gray: #6f6f6f;
    --light-gray-translucent: #ffffff36;
    --pink: #e14775;
    --pink-dark: #ff6188;
    --orange: #e16032;
    --yellow: #cc7a0a;
    --green: #269d69;
    --blue: #1c8ca8;
    --purple: #6f42c1;
    --white: #ffffff;
}

/* Dark mode variables */
.dark {
    --light-gray: #c1c0c0;
    --pink: #ff6188;
    --pink-dark: #e14775;
    --yellow: #ffd866;
    --orange: #fc9867;
    --green: #a9dc76;
    --blue: #78dce8;
    --purple: #ab9df2;
}

/*
** Flash BG Colors
*/
.flash-success {
  background-color: var(--green);
}

.flash-info,.flash-welcome {
  background-color: var(--blue);
}

.flash-error {
  background-color: var(--pink);
}

.animation svg path {
  fill: currentColor;
}