:root {
    --primary-font: "IBM Plex Sans", sans-serif;
    --primary-white: #FFFFFF;
    --primary-black: #000000;
    --primary-blue: #001AFF;
    --primary-shadow: 0px 30px 175px -10px rgba(61, 75, 111, 0.19);
    --primary-dark: #0C0C0C;
    --primary-accent: #001AFF;
    --primary-destructive: #DC0F0F;

    --fora-gray-2: #9595A5;
    --fora-gray-3: #B6B6B6;
    --fora-gray-4: #ECEEF3;
    --fora-gray-5: #F7F7F9;
    --gray: #4d4d4d;
    --overlay-blue: rgba(0, 26, 255, 0.60);
    --overlay-accent-006: rgba(0, 26, 255, 0.06);
    --overlay-accent-015: rgba(0, 26, 255, 0.15);
    --overlay-dark-06: rgba(12, 12, 12, 0.06);

    --primary-blue-hover: rgba(0, 26, 255, 0.8);
    --primary-dark-hover: #2a2a2a;
    --overlay-dark-06-hover: rgba(0, 0, 0, 0.08);
}

html, body {
    font-size: 16px;
    font-family: var(--primary-font);
    background: var(--fora-gray-5);
    padding: 0;
    margin: 0;
}

* {
    letter-spacing: 0.2px !important;
    box-sizing: border-box;
}

html body .toast.primary {
    border-radius: 12px;
    background: var(--overlay-accent-015);
    font-size: 14px;
    color: var(--primary-accent);
    text-align: center;
    max-width: 80%;
    margin-right: 0
}
html body .toast.success::after {
    content: url('/svg/check-mark.svg');
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1; 
}

/* html body .toast.error::after {
    content: url('/svg/cross.svg');
} */
html body .toast.error.message {
    margin-right: -0;
}
html body .toast.error {
    border-radius: 12px;
    background: var(--primary-destructive);
    font-size: 14px;
    color: var(--primary-white);
    text-align: center;
    max-width: 80%;
    margin-right: 0
}