:root {
    --sloading: rgb(var(--border-color), .8);

    --main-color: 255, 255, 255;
    --primary-color: 23, 23, 33;
    --secundary-color: 241, 245, 249;
    --modal-background-color: 255, 255, 255;
    --light-color: rgb(120, 117, 141);
    --primary-title-text: #313d55;
    --secundary-title-text: #444;
    --tertiary-title-text: rgb(66, 81, 112);
    --background-alert: #ffeebc;
    --light-text: #555;
    --text-smooth: #777c86;
    --dark-color: #334155;
    --dark-text-color: #334155;
    --border: 1px solid rgba(var(--border-color));
    --border-color: 222, 226, 232;
    --title-color: #eee;
    --icon-color: #64748b;
    --background-icon-color: #ebeffa;

    --box-shadow: 0 1px 3px rgba(34, 34, 34, 0.15);
    --box-shadow-popup: 0 3px 5px rgba(0, 0, 0, 0.2);
    --background-float: #0009;
    --input-shadow: 0 1px 1px rgba(24, 42, 80, 0.068);

    --accent-color: var(--blue-color);
    --purple-color: 59, 74, 158;
    --blue-color: 63, 111, 202;
    --yellow-color: 244, 170, 32;
    --green-color: 0, 172, 120;
    --red-color: 230, 85, 85;
    --orange-color: 228, 106, 68;
    --pink-color: 244, 63, 94;
    --blue-marine-color: 78, 223, 228;
    --light-purple-color: 113, 114, 187;

    --toastnotify-success: rgb(59, 122, 59);
    --toastnotify-danger: rgb(168, 54, 54);
    --toastnotify-warning: rgb(187, 180, 83);
}