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

    --jackpot-amusnet-stroke: #e7ff3b;
    --jackpot-mini-stroke: #ff1cff;
    --jackpot-minor-stroke: #1b43ff;
    --jackpot-major-stroke: #50ea28;
    --jackpot-grand-stroke: #f74748;
    --jackpot-goodwin-bronze-stroke: #ab7650;
    --jackpot-goodwin-silver-stroke: #878f9d;
    --jackpot-goodwin-gold-stroke: #a78c36;
    --jackpot-goodwin-diamond-stroke: #ad99d5;

    --instant-cashback-gradient-start: #00d5be;
    --instant-cashback-gradient-end: #15edd6;
    --instant-cashback-button: #8346e8;
}

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

    --background-main: #0c061e;

    --paper-light: #3a1d95;
    --paper-main: #221155;
    --paper-dark: #29156b;
    --paper-darkest: #0c061e;
    --paper-background: var(--background-main);

    --primary-light: #ff4db3;
    --primary-main: #ff169c;
    --primary-dark: #cc0075;

    --secondary-main: #03d5bf;

    --text-light: #b0a9bc;
    --text-main: #ffffff;
    --text-dark: #7b708f;

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

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

    --success-light: #a9e765;
    --success-main: #7ed321;
    --success-dark: #0d1603;

    --info-light: #70aaf5;
    --info-main: #267ef0;
    --info-dark: #020b18;

    --deposit-light: var(--primary-dark);
    --deposit-main: var(--primary-main);
}

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

    --background-main: #f2f2f2;

    --paper-light: #e6e6e6;
    --paper-main: #ffffff;
    --paper-dark: #d9d9d9;
    --paper-darkest: #ffffff;
    --paper-background: var(--background-main);

    --primary-light: #ff4cb3;
    --primary-main: #ff169c;
    --primary-dark: #b20067;

    --secondary-main: #03d5bf;

    --text-light: #808080;
    --text-main: #000000;
    --text-dark: #4d4d4d;

    --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: #ff3333;
    --error-main: #ff3333;
    --error-dark: #ff3333;

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

    --success-light: #84dd22;
    --success-main: #69b01c;
    --success-dark: #4f8415;

    --info-light: #19519a;
    --info-main: #226fd4;
    --info-dark: #e9f1fb;

    --deposit-light: var(--primary-dark);
    --deposit-main: var(--primary-main);
}