:root {
    --color-base: #f4f6fc;
    --color-base-darker: #eaecf1;
    /* --color-primary: #4080FF; */
    --color-primary: #000000;
    /* --color-primary-darker: #3575F4; */
    --color-primary-darker: #353935;
    --color-primary-rgb: 64, 128, 255;
    /*  --color-default: #F0F2FC; */
    --color-default: #353935;
    --color-danger: #d63649;
    --color-danger-darker: rgb(151, 30, 44);
    --color-text: #000000;
    --color-text-primary: #ffffff;
    --color-text-input-label: #69707f;
    --color-text-lighter: #8798ad;
    --color-text-secondary: #0f0f0f;
    --color-text-input: #2e384d;
    --color-border: #e4e8f0;
    --color-icon: #bfc5d2;
    --color-button-secondary: #8798ad;
    --color-button-secondary-darker: rgb(94, 110, 129);
    --color-input-disabled: #eef3f5;
    --color-background-light: #f9fafc;

    --small-size: 12px;
    --base-size: 15px;
    --medium-size: 16px;
    --large-size: 18px;
    --extra-large-size: 28px;
}