:root {
    --white: #ffffff;
    --black: #000000;
    --gold: #D4AF37;
    --silver: #C0C7D6;
    --bronze: #CD7F32;
}

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

    --background-main: #0B0F1A;

    --paper-light: #243049;
    --paper-main: #1A2236;
    --paper-dark: #111827;
    --paper-darkest: #080B14;
    --paper-background: var(--background-main);

    --primary-light: #E8C872;
    --primary-main: #D4AF37;
    --primary-dark: #B8860B;

    --text-light: #F5F7FA;
    --text-main: #C0C7D6;
    --text-dark: #8A94A6;

    --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: #F87171;
    --error-main: #EF4444;
    --error-dark: #1a0000;

    --warning-light: #FBBF24;
    --warning-main: #F59E0B;
    --warning-dark: #1a0d00;

    --success-light: #34D399;
    --success-main: #10B981;
    --success-dark: #0d1603;

    --info-light: #60A5FA;
    --info-main: #3B82F6;
    --info-dark: #020b18;

    --deposit-light: #34D399;
    --deposit-main: #10B981;
}

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

    --background-main: #0B0F1A;

    --paper-light: #243049;
    --paper-main: #1A2236;
    --paper-dark: #111827;
    --paper-darkest: #080B14;
    --paper-background: var(--background-main);

    --primary-light: #E8C872;
    --primary-main: #D4AF37;
    --primary-dark: #B8860B;

    --text-light: #F5F7FA;
    --text-main: #C0C7D6;
    --text-dark: #8A94A6;

    --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: #F87171;
    --error-main: #EF4444;
    --error-dark: #1a0000;

    --warning-light: #FBBF24;
    --warning-main: #F59E0B;
    --warning-dark: #1a0d00;

    --success-light: #34D399;
    --success-main: #10B981;
    --success-dark: #0d1603;

    --info-light: #60A5FA;
    --info-main: #3B82F6;
    --info-dark: #020b18;

    --deposit-light: #34D399;
    --deposit-main: #10B981;
}