:root {
    
    /* RESPONSIVE BREAKPOINTS ALIAS */

    --size-XS-breakpoint: 32em;
    --size-sm-breakpoint: 48em;
    --size-md-breakpoint: 62em;
    --size-lg-breakpoint: 75em;

    /* GRID SIZINGS */
    
    --gs-container-padding : 2rem;
    --gs-row-margin : -1rem;
    --gs-col-padding : 1rem;
    --gs-container-width : 26rem;
    --gs-container-48-width : 42rem;
    --gs-container-62-width : 59rem;
    --gs-container-75-width : 71rem;

    /* TYPO > FONTS */
    

    --font-core-sans: 'CoreSans', 'Helvetica', 'Arial', sans-serif;
        
        
    /*

    --font-avenir: 'Avenir Next', 'Helvetica', 'Arial', sans-serif;
    --font-filson: 'Filson Pro', 'Helvetica', 'Arial', sans-serif;
    --font-brande : 'Brande and Lotaline', 'Helvetica', 'Arial', sans-serif;

    /* COLORS */
    
    --color-white: #ffffff;    
    --color-clearest-gray: #F9F9FA;    
    --color-clear-gray: #E9E9EA; 
    --color-mid-gray: #979797;     
    --color-shark: #25282a;
    --color-blue: #007bff;
    --color-indigo: #6610f2;
    --color-purple: #6f42c1;
    --color-pink: #e83e8c;
    --color-red: #dc3545;
    --color-red-alt: #D20028;
    --color-orange: #fd7e14;
    --color-yellow: #ffc107;
    --color-green: #28a745;
    --color-teal: #20c997;
    --color-cyan: #17a2b8;
    --color-white: #fff;
    --color-gray: #6c757d;
    --color-gray-dark: #343a40;
    --color-primary: #007bff;
    --color-secondary: #6c757d;
    --color-success: #28a745;
    --color-info: #17a2b8;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-light: #f8f9fa;
    --color-dark: #343a40;
    
    --goals-for-blue: #0077C8;
    --goals-against-red: #FF0000;
    
    
    --grad-dar-shadow: linear-gradient(180deg, rgba(37, 40, 42, 0) 0%, #25282A 82.29%);
    --color-trans-gray: rgba(0,0,10,0.05);
    
    /*
    
    --color-dark-gray: #4A4A4A;
    --color-medium-gray: #838383;    
    --color-light-gray: #8D9091;    
    --color-lighter-gray: #BEBEBE;
    --color-almost-white: #F0F0F0;
    --color-primary-gray: #1B2124;
    --color-codskin-black: #080808;
    --color-charcoal-black: #040404;
    --color-atlantis-green: #7ECF31;
    --color-persian-magenta: #F42893;
    --color-apple-green: #5BA334;
    --color-celery-yellow: #9FC45B;
    --color-royal-purple: #08789F; 
    --color-pistachio-yellow: #89B104;
    --color-blumine-blue: #136A7F;
    --color-carnation-pink: #FFA8CC;    
    --color-fav-red: #FC7669;
    --color-punch-orange: #EE7637;
    --color-voog-blue: #443DF6;
    --color-laurel-green: #1C8001;
    --color-laurel-green-var-a: #1C8300;
    --color-laurel-green-var-b: #1A7301;
    --color-fountain-blue: #55B2B7;
    --color-fountain-blue-var-a: #55BAC0;
    --color-fountain-blue-var-b: #3F8A8B;
    --color-fountain-blue-var-c: #50B2B4;
    --color-hibiscus-violet: #C4106F;
    --color-hibiscus-violet-var-a: #B50A64;
    --color-hibiscus-violet-var-b: #FF1C97;
    --color-hibiscus-violet-var-c: #FF219A;
    --color-meteorite-purple : #472171;
    --color-meteorite-purple-var-a : #441E6F;
    --color-meteorite-purple-var-b : #441E6F;
    --color-meteorite-purple-var-c : #683C94;
    --color-astral-cian: #3681A2; 
    --color-java-blue-start: #13B0CD; 
    --color-java-blue-end: #08789F; 
    --color-snuff-blue: #E8E2EF;
    
    --grad-java-blue: linear-gradient(233.89deg, #13B0CD 9.59%, #08789F 90.64%);
    --grad-punch-orange: linear-gradient(99.04deg, #EE7637 0%, #D98D32 100%);
    --grad-downriver-blue: linear-gradient(133.09deg, #0C305D 21.88%, rgba(0, 0, 0, 0.0001) 71.74%);
    --grad-shading-black: linear-gradient(30deg, rgba(0, 0, 0, .55) 0%, rgba(0, 0, 0, 0.05) 100%);
    --grad-shading-black-bottom: linear-gradient(0, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 65%);
    --grad-shading-black-top: linear-gradient(180deg, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 65%);

    --grad-shading-black-both: linear-gradient(0, rgba(0, 0, 0, .15) 0%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0.15) 100% );

    --grad-laurel-green-top: linear-gradient(to bottom,  rgba(28,128,1,0) 0%,rgba(28,128,1,1) 100%);
    --grad-laurel-green-bottom: linear-gradient(to top,  rgba(28,128,1,0) 0%,rgba(28,128,1,1) 100%);
    --grad-fountain-blue-top: linear-gradient(to bottom,  rgba(85,178,183,0) 0%,rgba(85,178,183,1) 100%);
    --grad-fountain-blue-bottom: linear-gradient(to top,  rgba(85,178,183,0) 0%,rgba(85,178,183,1) 100%);
    --grad-hibiscus-violet-top: linear-gradient(to bottom,  rgba(196,16,111,0) 0%,rgba(196,16,111,1) 100%);
    --grad-hibiscus-violet-bottom: linear-gradient(to top,  rgba(196,16,111,0) 0%,rgba(196,16,111,1) 100%);

    /* SHADOWS & FX 

    --shadow-subtile-trans: 0px 0px 10px rgba(0, 0, 0, 0);
    --shadow-subtile-black: 0px 0px 10px rgba(0, 0, 0, 0.2);
    --shadow-hard-black: 0px 0px 10px rgba(0, 0, 0, 0.4);

*/
    
}