* {
    --red: #E94F37;
    --orange: #e98635;
    --yellow: hsl(46, 80%, 56%);
    --green: #45c63f;
    --blue: #3F88C5;
    --black: #393E41;
    --white: #F6F7EB;

    --gray90: color-mix(in srgb, var(--white) 90%, var(--black) 10%);
    --gray80: color-mix(in srgb, var(--white) 80%, var(--black) 20%);
    --gray70: color-mix(in srgb, var(--white) 70%, var(--black) 30%);
    --gray60: color-mix(in srgb, var(--white) 60%, var(--black) 40%);
    --gray50: color-mix(in srgb, var(--white) 50%, var(--black) 50%);
    --gray40: color-mix(in srgb, var(--white) 40%, var(--black) 60%);
    --gray30: color-mix(in srgb, var(--white) 30%, var(--black) 70%);
    --gray20: color-mix(in srgb, var(--white) 20%, var(--black) 80%);
    --gray10: color-mix(in srgb, var(--white) 10%, var(--black) 90%);

    --background-color: var(--white);
    --shadow-color: var(--black);
}