:root {

    --bg-primary-color: 250, 250, 250;
    --bg-secondary-color: 241, 245, 249;
    --bg-tertiary-color: 23, 23, 33;

    --text-primary-color: 49, 61, 85;
    --text-secondary-color: 100, 116, 139;
    --border: 1px solid rgba(var(--border-color));
    --border-color: 222, 226, 232;

    --accent-color: var(--blue-color);
    --blue-color: 63, 111, 202;
    --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;

    /* --main-color: ;
    --primary-color: ;
    --secundary-color: ;
    --modal-background-color: 255, 255, 255;
    --light-color: rgb(120, 117, 141);
    --primary-title-text: rgb(49, 61, 85);
    --secundary-title-text: #444;
    --tertiary-title-text: rgb(66, 81, 112);
    --background-alert: #ffeebc;
    --light-text: rgb(85, 85, 85);
    --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: rgb(100, 116, 139);
    --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); */
}