: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';

    /* Config Page */
    --cfg-border: #e5e5e5;
    --cfg-muted: #6b7280;
    --cfg-icon-color: #fff;
    --cfg-section-icon-bg: rgba(162, 134, 255, 0.15);
    --cfg-section-icon-color: var(--primary);
    --cfg-toggle-knob: #fff;
    --cfg-badge-color: #fff;
    --cfg-feature-active-icon: #fff;
    --cfg-feature-icon-color: #6b7280;
    --cfg-tab-active-color: #fff;
    --cfg-save-bg: var(--bth-success);
    --cfg-save-color: #fff;

    --t-bg: #ffffff;
    --t-bg2: #f9f9fa;
    --t-bg3: #eef6ff;
    --t-bd: #d0d5db;
    --t-fg: #222;
    --t-dim: #666;
    --t-accent: #0077ff;
    --t-accent-2: #005fcc;
    --t-danger: #d44;
    --t-danger-2: #f66;
    --t-danger-bg: rgba(255,100,100,.08);
}

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;

    --t-bg: #191a1c;
    --t-bg2: #1f2022;
    --t-bg3: #25282c;
    --t-bd: #2a2d31;
    --t-fg: #e6e7ea;
    --t-dim: #9aa3ad;
    --t-accent: #5aa7ff;
    --t-accent-2: #7fc0ff;
    --t-danger: #ff6b6b;
    --t-danger-2: #ff8a8a;
    --t-danger-bg: rgba(255,107,107,.10);

    /* Config Page - Dark Mode */
    --cfg-border: #424242;
    --cfg-muted: #9aa3ad;
    --cfg-section-icon-bg: rgba(162, 134, 255, 0.15);
    --cfg-section-icon-color: var(--primary);
    --cfg-toggle-knob: #9aa3ad;
    --cfg-feature-icon-color: #9aa3ad;
}