/* ============================================= */
/* XERO-WAVE - Styles - Version 1.0              */
/*                                               */
/* Copyright 2026, XERO Webdesign                */
/* ============================================= */


/*---------------------------------------
    PARAMETERS              
-----------------------------------------*/
:root {
	
	/*----------------------------
		SIZES
	------------------------------*/
	--page-width: 100%;
	--page-max-width: 1024px;
	
	/*----------------------------
		COLORS
	------------------------------*/	
	--color-background: rgba(0, 6, 9, 1.0);		
	--color-background-glass: rgba(17, 48, 63, 0.5);
	--color-border-glass: rgba(111, 160, 192, 0.5);
	--color-light-shadow: rgba(255, 255, 255, 0.8);
	--color-dark-shadow: rgba(10, 31, 41, 1.0);
	--color-title: rgba(224, 224, 224, 1.0);	
	--color-title-blue: rgba(48, 122, 173, 1.0);	
	--color-title-red: rgba(149, 43, 43, 1.0);	
	--color-title-white: rgba(224, 224, 224, 0.8);	
	--color-text: rgba(224, 224, 224, 0.5);	
	--color-text-white: rgba(224, 224, 224, 0.8);	
	
	/*----------------------------
		BORDERS
	------------------------------*/	
	--border-radius-5: 5px;	
	--border-radius-10: 10px;	
	--border-radius-20: 20px;	
	--border-radius-30: 30px;
	
	/*----------------------------
		FONT SIZES
	------------------------------*/	
	--font-size-mini: 0.625em;		
	--font-size-small: 0.750em;		
	--font-size-title: 1.250em;	
	--font-size-button: 1.000em;	
	
	/*----------------------------
		EFFECTS
	------------------------------*/
	--effect-blur: 3px;
	--transition-speed: 1s;
	--transition-speed-hamburger: 0.5s;
	--transition-speed-menu: 1s;		
}
/*---------------------------------------
    END PARAMETERS              
-----------------------------------------*/