:root {
    --color-pri: #3431EA;
    --color-pri-active: #2927bb;
    --color-primary: var(--color-pri);
    --color-primary-active: var(--color-pri-active);
    --color-sec: #000;
    --color-light: #F3EDF7;
    --color-sec-active: #2927bb;
    --color-info: #2321D4;
    --color-info-active: #1c1aa9;
    --color-tertiary: #7D5260;
    --color-ter-active: #6e4351;
    --color-white: #fff;
    --color-black: #000;
    --color-active: #FF6100;
    --color-alert: var(--color-active);
    --color-alert-active: #cc4d00;
    --color-danger: #8C1D18;
    --color-danger-active: #B50000;
    --color-success: #95B500;
    --color-success-active: #779000;
    --color-body: #FFFFFF;
    --color-menu: #F4F5F9;
    --color-input: #ECE6F0;
    --color-disabled: #cac5cd;
    --color-disabled-text: #585858;
    --color-ready: #c4c4c4;
    --color-title: #1D1B20;
    --color-border: #CAC4D0;
    --font-primary: "Roboto", Verdana;
    --font-secondary: "Roboto", Verdana;
}