:root {

    /* Color */

        /* Core */

            /* Radiance */
            --zifi-color-radiance: #FF9A00;
            --zifi-color-radiance-tint80 : #FFAE33;
            --zifi-color-radiance-tint60 : #FFC266;
            --zifi-color-radiance-tint40 : #FFD799;
            --zifi-color-radiance-tint20 : #FFEBCC;

            /* Cinnabar */
            --zifi-color-cinnabar: #FE5925;
            --zifi-color-cinnabar-tint80 : #FE7A51;
            --zifi-color-cinnabar-tint60 : #FE9B7C;
            --zifi-color-cinnabar-tint40 : #FFBDA8;
            --zifi-color-cinnabar-tint20 : #FFDED3;

            /* Ultraviolet */
            --zifi-color-ultraviolet: #6B42E4;
            --zifi-color-ultraviolet-tint80 : #8968E9;
            --zifi-color-ultraviolet-tint60 : #A68EEF;
            --zifi-color-ultraviolet-tint40 : #C4B3F4;
            --zifi-color-ultraviolet-tint20 : #E1D9FA;

            /* Morpho */
            --zifi-color-morpho: #3CA1FF;
            --zifi-color-morpho-tint80 : #63B4FF;
            --zifi-color-morpho-tint60 : #8AC7FF;
            --zifi-color-morpho-tint40 : #B1D9FF;
            --zifi-color-morpho-tint20 : #D8ECFF;

            /* Zircon */
            --zifi-color-zircon: #3AFFE7;
            --zifi-color-zircon-tint80 : #61FFEC;
            --zifi-color-zircon-tint60 : #89FFF1;
            --zifi-color-zircon-tint40 : #B0FFF5;
            --zifi-color-zircon-tint20 : #D8FFFA;
                
        /* Neutrals */

            /* Musou */
            --zifi-color-musou: #10152B;
            --zifi-color-musou-tint80 : #404455;
            --zifi-color-musou-tint60 : #707380;
            --zifi-color-musou-tint40 : #9FA1AA;
            --zifi-color-musou-tint20 : #CFD0D5;

            /* Midnight */
            --zifi-color-midnight: #131335;

            /* Ashen */
            --zifi-color-ashen: #6a6a6a;

            /* Misty */
            --zifi-color-misty: #F6F7F9;

            /* White */
            --zifi-color-white: #FFFFFF;


        /* Gradients */

            /* ZiFi Horizontal Gradient */
            --zifi-color-gradient-horizontal: linear-gradient(85deg, #FF9A00 0%, #FE5925 16.49%, #A94C93 32.12%, #6B42E4 49.83%, #5079F4 73.26%, #3BCDF4 89.41%, #3AFFE7 100%);

            /* ZiFi Vertical Gradient */
            --zifi-color-gradient-vertical: linear-gradient(358deg, #FF9A00 0%, #FE5925 16.49%, #6B42E4 43.58%, #5C60ED 57.96%, #3CA1FF 71.18%, #3AFFE7 100%);

            /* Black/Purple Gradient */
            --zifi-color-gradient-black-purple: linear-gradient(180deg, #9EA3F7 0%, rgba(19, 19, 53, 0.90) 100%);

            /* Light Purple Gradient */
            --zifi-color-gradient-light-purple: linear-gradient(180deg, #9EA3F7 0%, rgba(178, 182, 248, 0.00) 100%);

            /* ZiFi Button Gradient */
            --zifi-color-gradient-button: linear-gradient(270deg, #5682EE 6.25%, #532EF2 65.63%, #6548DA 100%);

            /* Dark Purple Gradient */
            --zifi-color-gradient-dark-purple: linear-gradient(180deg, #F6F6F6 0%, #C7B8F0 23.16%, #A28AEB 47.20%, #8463E7 73.39%, #6B42E4 100%);


        /* Background */

            /* White */
            --zifi-background-color-white: #ffffff;

            /* Light Gray */
            --zifi-background-color-light-gray: #f6f7f9;

            /* Navy */
            --zifi-background-color-navy: #131335;

    /* Topography */

        /* Typeface */   

            /* Font */
            --zifi-typeface-font: Inter, sans-serif;
            
            /* Font Weights */

                /* Thin */
                --zifi-typeface-weight-thin: 100;
                            
                /* Extra Light */
                --zifi-typeface-weight-extra-light: 200;   

                /* Light */
                --zifi-typeface-weight-light: 300;
                        
                /* Regular */
                --zifi-typeface-weight-regular: 400;
                        
                /* Medium */
                --zifi-typeface-weight-medium: 500;
                        
                /* SemiBold */
                --zifi-typeface-weight-semibold: 600;
                        
                /* Bold */
                --zifi-typeface-weight-bold: 700;
        
                /* ExtraBold */
                --zifi-typeface-weight-extrabold: 800;
                        
                /* Black */
                --zifi-typeface-weight-black: 900;

    /* Spacing */
        /* Min/Max Width */

        /* Margin */

            /* Small 1 */
            --zifi-margin-small1: 8px;

            /* Small 2 */
            --zifi-margin-small2: 16px;

            /* Small 3 */
            --zifi-margin-small3: 24px;

            /* Medium 1 */
            --zifi-margin-medium1: 32px;

            /* Medium 2 */
            --zifi-margin-medium2: 40px;

            /* Medium 3 */
            --zifi-margin-medium3: 48px;

            /* Large 1 */
            --zifi-margin-large1: 56px;

            /* Large 2 */
            --zifi-margin-large2: 64px;

            /* Large 3 */
            --zifi-margin-large3: 72px;

            /* Huge 1 */
            --zifi-margin-huge1: 80px;

            /* Huge 2 */
            --zifi-margin-huge2: 88px;

            /* Huge 3 */
            --zifi-margin-huge3: 120px;

        /* Padding */
 
}