:root {
    --color-pri: #3431EA;
    --color-pri-active: #2927bb;
    --color-primary: var(--color-pri);
    --color-primary-active: var(--color-pri-active);
    --color-sec: #000;
    --color-sec-active: #2927bb;
    --color-info: #2321D4;
    --color-info-active: #1c1aa9;
    --color-tertiary: #7D5260;
    --color-ter-active: #6e4351;
    --color-outline: #79767D;
    --color-inverse-primary: #D0BCFF;
    --color-inverse-surface: #322F35;
    --color-surface-variant: #49454F;
    --color-ter-container: #FFD8E4;
    --color-on-container: #633B48;
    --color-white: #fff;
    --color-light: #F3EDF7;
    --color-black: #000;
    --color-active: #FF6100;
    --color-alert: var(--color-active);
    --color-alert-active: #cc4d00;
    --color-danger: #8C1D18;
    --color-danger-active: #B50000;
    --color-error: #B3261E;
    --color-warning: #B18C16B2;
    --color-info: #5673C4;
    --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;
    --color-primary-container: #EADDFF;
    --color-secondary-container: #E8DEF8;
    --font-primary: "Roboto", Verdana;
    --font-secondary: "Roboto", Verdana;
}