:root {
    --white: #ffffff;
    --black: #000000;
    --gold: #ffef63;
    --silver: #acacac;
    --bronze: #b68404;
}

html[theme='dark']:root {
    --white-black: #ffffff;
    --black-white: #000000;
    --grayscale: 1;

    --background-main: #0d0d0d;
    --paper-light: #232323;
    --paper-main: #1b1b1b;
    --paper-dark: #101010;
    --paper-darkest: #090909;
    --paper-background: var(--background-main);

    --primary-light-rgb: 55, 08, 43;
    --primary-light: #ffd02b;
    --primary-main: #00c853;
    --primary-dark: #007a33;

    --text-light: #acadb8;
    --text-main: #ffffff;
    --text-dark: #696b7c;

    --text-primary: var(--primary-main);

    --disabled-light: var(--text-light);

    --border-light: var(--text-light);
    --border-main: var(--text-main);
    --border-dark: var(--text-dark);

    --error-light: #ff8a8a;
    --error-main: #ff3b30;
    --error-dark: #8e0000;

    --warning-light: #ffd54f;
    --warning-main: #f07b0d;
    --warning-dark: #1a0d00;

    --success-light: #b8f7c6;
    --success-main: #00e676;
    --success-dark: #008f3a;

    --info-light: #8ab4ff;
    --info-main: #2879ff;
    --info-dark: #0039cb;

    --deposit-light: #07f82c;
    --deposit-main: #06c723;
}

html[theme='light']:root {
    --white-black: #ffffff;
    --black-white: #000000;
    --grayscale: 1;

    --background-main: #0d0d0d;
    --paper-light: #232323;
    --paper-main: #1b1b1b;
    --paper-dark: #101010;
    --paper-darkest: #090909;
    --paper-background: var(--background-main);

    --primary-light-rgb: 55, 08, 43;
    --primary-light: #ffd02b;
    --primary-main: #00c853;
    --primary-dark: #007a33;

    --text-light: #acadb8;
    --text-main: #ffffff;
    --text-dark: #696b7c;

    --text-primary: var(--primary-main);

    --disabled-light: var(--text-light);

    --border-light: var(--text-light);
    --border-main: var(--text-main);
    --border-dark: var(--text-dark);

    --error-light: #ff8a8a;
    --error-main: #ff3b30;
    --error-dark: #8e0000;

    --warning-light: #ffd54f;
    --warning-main: #f07b0d;
    --warning-dark: #1a0d00;

    --success-light: #b8f7c6;
    --success-main: #00e676;
    --success-dark: #008f3a;

    --info-light: #8ab4ff;
    --info-main: #2879ff;
    --info-dark: #0039cb;

    --deposit-light: #07f82c;
    --deposit-main: #06c723;
}