html {
			/* this allows for easy conversion between px and rem, so 10 px is 1rem */
			font-size: 62.5% !important;
		}
		
				
		:root {
			--color-primary: #f96b2f;
		  	--color-primary-50: #fef0ea;
		  	--color-primary-100: #fdd6c5;
		  	--color-primary-200: #fcbb9f;
		  	--color-primary-300: #fba07a;
		  	--color-primary-400: #fa8654;
		  	--color-primary-500: #f96b2f;
		  	--color-primary-600: #cc5827;
		  	--color-primary-700: #9f441e;
		  	--color-primary-800: #733116;
		  	--color-primary-900: #461e0d;
		  	--color-secondary: #5849d3;
		  	--color-secondary-50: #eeedfb;
		  	--color-secondary-100: #d0ccf3;
		  	--color-secondary-200: #b2abeb;
		  	--color-secondary-300: #948be3;
		  	--color-secondary-400: #766adb;
		  	--color-secondary-500: #5849d3;
		  	--color-secondary-600: #483cad;
		  	--color-secondary-700: #382f87;
		  	--color-secondary-800: #282261;
		  	--color-secondary-900: #19143b;
		  	--color-text: #0F172A;
		  	--color-accent: #ffde4f;
		  	--color-accent-50: #fffced;
		  	--color-accent-100: #fff6ce;
		  	--color-accent-200: #fff0ae;
		  	--color-accent-300: #ffea8e;
		  	--color-accent-400: #ffe46f;
		  	--color-accent-500: #ffde4f;
		  	--color-accent-600: #d1b641;
		  	--color-accent-700: #a38e33;
		  	--color-accent-800: #756624;
		  	--color-accent-900: #473e16;
		  	--color-gray-50: #F8FAFC;
		  	--color-gray-100: #F1F5F9;
		  	--color-gray-200: #E2E8F0;
		  	--color-gray-300: #CBD5E1;
		  	--color-gray-400: #94A3B8;
		  	--color-gray-500: #64748B;
		  	--color-gray-600: #475569;
		  	--color-gray-700: #334155;
		  	--color-gray-800: #1E293B;
		  	--color-gray-900: #0F172A;
		  	--color-light: #fff;
			  
			--color-primary-rgbv: 249,107,47;
		  	--color-primary-50-rgbv: 254,240,234;
		  	--color-primary-100-rgbv: 253,214,197;
		  	--color-primary-200-rgbv: 252,187,159;
		  	--color-primary-300-rgbv: 251,160,122;
		  	--color-primary-400-rgbv: 250,134,84;
		  	--color-primary-500-rgbv: 249,107,47;
		  	--color-primary-600-rgbv: 204,88,39;
		  	--color-primary-700-rgbv: 159,68,30;
		  	--color-primary-800-rgbv: 115,49,22;
		  	--color-primary-900-rgbv: 70,30,13;
		  	--color-secondary-rgbv: 88,73,211;
		  	--color-secondary-50-rgbv: 238,237,251;
		  	--color-secondary-100-rgbv: 208,204,243;
		  	--color-secondary-200-rgbv: 178,171,235;
		  	--color-secondary-300-rgbv: 148,139,227;
		  	--color-secondary-400-rgbv: 118,106,219;
		  	--color-secondary-500-rgbv: 88,73,211;
		  	--color-secondary-600-rgbv: 72,60,173;
		  	--color-secondary-700-rgbv: 56,47,135;
		  	--color-secondary-800-rgbv: 40,34,97;
		  	--color-secondary-900-rgbv: 25,20,59;
		  	--color-text-rgbv: 15,23,42;
		  	--color-accent-rgbv: 255,222,79;
		  	--color-accent-50-rgbv: 255,252,237;
		  	--color-accent-100-rgbv: 255,246,206;
		  	--color-accent-200-rgbv: 255,240,174;
		  	--color-accent-300-rgbv: 255,234,142;
		  	--color-accent-400-rgbv: 255,228,111;
		  	--color-accent-500-rgbv: 255,222,79;
		  	--color-accent-600-rgbv: 209,182,65;
		  	--color-accent-700-rgbv: 163,142,51;
		  	--color-accent-800-rgbv: 117,102,36;
		  	--color-accent-900-rgbv: 71,62,22;
		  	--color-gray-50-rgbv: 248,250,252;
		  	--color-gray-100-rgbv: 241,245,249;
		  	--color-gray-200-rgbv: 226,232,240;
		  	--color-gray-300-rgbv: 203,213,225;
		  	--color-gray-400-rgbv: 148,163,184;
		  	--color-gray-500-rgbv: 100,116,139;
		  	--color-gray-600-rgbv: 71,85,105;
		  	--color-gray-700-rgbv: 51,65,85;
		  	--color-gray-800-rgbv: 30,41,59;
		  	--color-gray-900-rgbv: 15,23,42;
		  	--color-light-rgbv: 255,255,255;
			--border-width: 1px;
			--color-background-light: var(--color-gray-50);
			--color-background-dark: var(--color-text);
			--color-dimmed: rgba(var(--color-text-rgbv), .5);
			--font-body-normal: 400;
			--font-body-bold: 700;
			--font-heading-normal: 700;
			--font-heading-bold: 700;
			--height-small: 30rem;
			--height-normal: 40rem;
			--height-big: 50rem;
			--padding-small:1.2rem;
			--padding-normal:2.4rem;
			--padding-big:4.8rem;
			--rounded-small: 8px;
			--rounded-normal: 40px;
			--width-small: 40rem;
			--width-normal: 70rem;
			--width-big: 90rem;  
			  
			  
			
			/* BREAKDANCE SPECIFIC VARIABLES */
			--column-gap-small: 1.2rem;
			--column-gap-normal: var(--bde-column-gap);
			--column-gap-big: 4.8rem;
			--content-gap-small: 0.8rem;
			--content-gap-normal: 2.4rem;
			--content-gap-big: 4.8rem;
			--gap-small: var(--content-gap-small);
			--gap-normal: var(--content-gap-normal);
			--gap-big: var(--content-gap-big);  
			--font-heading: var(--bde-heading-font-family);
		  	--font-body: var(--bde-body-font-family);		  	
		  	--text-xs: calc( var(--bde-body-font-size) - .4rem );
		  	--text-sm: calc( var(--bde-body-font-size) - .2rem );
		  	--text-md: var(--bde-body-font-size);
		  	--text-lg: calc( var(--bde-body-font-size) + .2rem );
		  	--text-xl: calc( var(--bde-body-font-size) + .4rem );
		  	--text-2xl: calc( var(--bde-body-font-size) + .6rem );
		  	--text-h1: var(--bde-h1-font-size);
		  	--text-h2: var(--bde-h2-font-size);
		  	--text-h3: var(--bde-h3-font-size);
		  	--text-h4: var(--bde-h4-font-size);
		  	--text-h5: var(--bde-h5-font-size);
		  	--text-h6: var(--bde-h6-font-size);		  	
		  	--transition-base: var(--bde-transition-duration);		  	
		  	--border-base: var(--border-base);		  	
		  	--w-xs: calc( var(--bde-section-width) * 0.1 );
		  	--w-sm: calc( var(--bde-section-width) * 0.2 );
		  	--w-md: calc( var(--bde-section-width) * 0.4 );
		  	--w-lg: calc( var(--bde-section-width) * 0.6 );
		  	--w-xl: calc( var(--bde-section-width) * 0.8 );
		  	--w-2xl: calc( var(--bde-section-width) * 0.9 );
		  	--w-full: var(--bde-section-width);		  	
		  	--section-padding-horizontal: var(--bde-section-horizontal-padding);
		  	--section-padding-vertical: var(--bde-section-vertical-padding);
			  
			  
			/* OVERRIDES OR ADDS */ 
			--color-text: #3C1C29;
--padding-big: 6.4rem;
--column-gap-big: 6.4rem;
--content-gap-big: 6.4rem;
--gap-big: 6.4rem;
--font-body-normal: 300;
--font-body-bold: 600;
--font-heading-normal: 500;
--font-heading-bold: 600;		  
		}