/*orange-base*/

:root {
    
	--color-background:#fff8e9;
	
	--color-primary:#F0791E; /*orange*/
	--color-on-primary:#FFF1E6;
	
	--color-primary-mute:#F8EEE0;
	
	--color-primary-rgb:240,121,30;
	--color-primary-gradient: linear-gradient(180deg, #FF9022, #D65218);
	
	--color-primary-container:#ffdda1;
	--color-on-primary-container:#6D2001;
	
	
	--color-secondary:#FF9022; /*yellow*/
	
	--color-tertiary:#ee0a0a; /*red*/
	--color-on-tertiary:#fff;
	
	
	--color-offside:#ffdda1;
	--color-offside-text:#6D2001;
	
	
	--image-wrapper-bg:url('../images/offside-bg-01.png');
	
	--image-cate-bg-primary:url('../images/cate-bg-orange-01.png');
	--image-cate-bg-primary-container:url('../images/cate-bg-orange-02.png');
	--image-cate-bg-secondary:url('../images/cate-bg-orange-03.png');
	--image-cate-bg-tertiary:url('../images/cate-bg-orange-04.png');
	
	--image-topline-primary:url('../images/topline-orange-01.png');
	
}