:root {
    --fff: #fff;
    --black: #000;
    --white: #fff;
    --grey: #8a8d93;
    --grey1: #f3f3f3;
    --grey2: #f6f6f6;
    --placeholder: #b6b6b6;
    --input: #f3f3f3;
    --loadedBgLight: var(--grey1);
    --loadedBgDark: #141414;
    --default: var(--white);
    --text: var(--black);
    --primary: #a286ff;
    --bth-success: #a286ff;
    --bth-success-dark: #957fdc;
    --text-danger: #bb414d;
    --bth-danger: #bb414d;
    --bth-secondary: #868e96;
    --bth-secondary-dark: #727b84;
    --bth-danger-dark: #9f3741;
    --bth-mirrow: #a286ff;
    --toast-error: #a286ff;
    --toast-bg: #f6f6f6;
    --bth-pagination: #f9f9f9;
    --brut: #a286ff;
    --umb: #d3190a;

    --income-gradient: linear-gradient(90deg, #a286ff 0%, #957fdc 100%);

    --fs: 20px;
    --fs-small: 16px;
    --fs-big: 24px;

    --family0: 'Muller Narrow';
    --family1: 'EuropeExt';
}

html[data-theme='dark'] {
    --black: #fff;
    --white: #222222;
    --grey: #424242;
    --grey1: #141414;
    --grey2: #333333;
    --grey3: #f3f3f3;
    --placeholder: #acacac;
    --input: #424242;
    --loadedBgLight: var(--grey1);
    --loadedBgDark: #141414;
    --default: var(--white);
    --text: #fff;
    --primary: #a286ff;
    --bth-success: #424242;
    --bth-success-dark: #141414;
    --bth-secondary: #424242;
    --bth-secondary-dark: #141414;
    --text-danger: #bb414d;
    --bth-danger: #bb414d;
    --bth-danger-dark: #9f3741;
    --bth-mirrow: #424242;
    --toast-error: #bb414d;
    --toast-bg: #141414;
    --bth-pagination: #141414;
}