:root {

    /*
    
        Source: https://m2.material.io/inline-tools/color/
    
    */

    --primary-ice-color-900: #1a227e;
    --primary-ice-color-800: #283493;
    --primary-ice-color-700: #303e9f;
    --primary-ice-color-600: #3949ab;
    --primary-ice-color-500: #3f50b5;
    --primary-ice-color-400: #5c6ac0;
    --primary-ice-color-300: #7985cb;
    --primary-ice-color-200: #9fa8da;
    --primary-ice-color-100: #c5cae9;
    --primary-ice-color-50: #e8eaf6;

    --primary-mid-1-color-900: #006b00;
    --primary-mid-1-color-800: #008d00;
    --primary-mid-1-color-700: #00a10f;
    --primary-mid-1-color-600: #24b51b;
    --primary-mid-1-color-500: #39c623;
    --primary-mid-1-color-400: #60cf4b;
    --primary-mid-1-color-300: #82d76e;
    --primary-mid-1-color-200: #a8e399;
    --primary-mid-1-color-100: #ccefc2;
    --primary-mid-1-color-50: #eaf9e6;

    --primary-mid-2-color-900: #927414;
    --primary-mid-2-color-800: #b2991e;
    --primary-mid-2-color-700: #c6b023;
    --primary-mid-2-color-600: #d9c62a;
    --primary-mid-2-color-500: #e8d72e;
    --primary-mid-2-color-400: #ecdd50;
    --primary-mid-2-color-300: #f1e370;
    --primary-mid-2-color-200: #f6eb98;
    --primary-mid-2-color-100: #faf2c1;
    --primary-mid-2-color-50: #fdfae6;

    --primary-fire-color-900: #d25614;
    --primary-fire-color-800: #dd6d17;
    --primary-fire-color-700: #e47c1a;
    --primary-fire-color-600: #ea8a1d;
    --primary-fire-color-500: #ef9620;
    --primary-fire-color-400: #f1a435;
    --primary-fire-color-300: #f3b455;
    --primary-fire-color-200: #f6c984;
    --primary-fire-color-100: #fadeb4;
    --primary-fire-color-50: #fdf2e1;

    --ice-color: var(--primary-ice-color-700);
    --fire-color: var(--primary-fire-color-700);



    --mid-tone-color: var(--primary-mid-1-color-800);
    --gold-tone-1-color: var(--primary-mid-2-color-600);
    --gold-tone-2-color: var(--primary-mid-2-color-800);
    --gold-tone-3-color: var(--primary-mid-2-color-900);

    --normal: #FFFFFF;
    --normal-inverse: #000000;
    --glassy-effect: rgba(255, 255, 255, 0.6);
    --line: #aaaaaa;
    --gray: #acacac61;

    /* Secondary used */

    --warning-color: #ffcc00;
    --sidenavbarbgcolor: rgba(255,255,255,0.95);
    --sidenavbarcolor: var(--gold-tone-3-color);
}

/*
    On Dark Theme
*/
html[data-theme="dark"] {
    --mid-tone-color: #46c23d;
    --gold-tone-1-color: #9b904c;
    --gold-tone-2-color: #8a7e45;
    --gold-tone-3-color: #6e5f36;

    --normal: #252525;
    --normal-inverse: #d6d6d6;
    --glassy-effect: rgba(0, 0, 0, 0.7);
    --line: #232323;
    --gray: #5a5a5a61;

    /* Secondary used */

    --warning-color: #725f15;
    --sidenavbarbgcolor: rgba(66, 66, 66, 0.95);
    --sidenavbarcolor: var(--normal-inverse);
}