:root {
    --white: #FFFFFF;
    --black: #000000;
    --gold: #EAB115;
    --silver: #C4C1B8;
    --bronze: #B85E38;
}

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

    --background-main: #051225;

    --paper-light: #0B2751;
    --paper-main: #081C3A;
    --paper-dark: #040D1B;
    --paper-darkest: #000812;
    --paper-background: var(--background-main);

    --primary-light: #F4B13D;
    --primary-main: #D89816;
    --primary-dark: #412E07;

    --text-light: #A6AABF;
    --text-main: #FFFFFF;
    --text-dark: #697096;

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

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

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

    --error-light: #F4B13D;
    --error-main: #D89816;
    --error-dark: #412E07;

    --warning-light: #F07B0D;
    --warning-main: #F07B0D;
    --warning-dark: #F07B0D;

    --success-light: #3DBE78;
    --success-main: #0BDA49;
    --success-dark: #023110;

    --info-light: #3FA9F5;
    --info-main: #267EF0;
    --info-dark: #041732;

    --deposit-light: #3DDE86;
    --deposit-main: var(--success-light);
}

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

    --background-main: #051225;

    --paper-light: #0B2751;
    --paper-main: #081C3A;
    --paper-dark: #040D1B;
    --paper-darkest: #000812;
    --paper-background: var(--background-main);

    --primary-light: #F4B13D;
    --primary-main: #D89816;
    --primary-dark: #412E07;

    --text-light: #A6AABF;
    --text-main: #FFFFFF;
    --text-dark: #697096;

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

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

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

    --error-light: #F4B13D;
    --error-main: #D89816;
    --error-dark: #412E07;

    --warning-light: #F07B0D;
    --warning-main: #F07B0D;
    --warning-dark: #F07B0D;

    --success-light: #3DBE78;
    --success-main: #0BDA49;
    --success-dark: #023110;

    --info-light: #3FA9F5;
    --info-main: #267EF0;
    --info-dark: #041732;

    --deposit-light: #3DDE86;
    --deposit-main: var(--success-light);
}