body { 
    background: var(--color-background); 
	/* background: var(--brand-primary-main); /*  */ 
	/* background: linear-gradient(135deg, #FE5000 0%, #664200 80%);
    background-attachment: fixed;  */
    color: var(--color-text);	

} 


:root {
/* ----------------------------------------------------
   BRAND PALETTE - START 
---------------------------------------------------- */

/* ----------------------------------------------------
   PRIMARY BRAND COLOUR - ORANGE
   Your main brand identity colour.
   Used for: buttons, links, highlights, active states.
---------------------------------------------------- */
--brand-primary-main:	#FF0055;  /* MAIN */
--brand-primary-light: 	#FFD6E0;  /* TINT - lighter tint for hovers / soft accents */
--brand-primary-dark: 	#CC0044;  /* SHADE - darker shade for active states */


/* ----------------------------------------------------
   SECONDARY BRAND COLOUR - ORANGE
   A supporting colour that complements the primary.
   Used for: section headers, accents, subtle UI elements.
---------------------------------------------------- */
--brand-secondary-main: 	#FF0055; 	/* MAIN */
--brand-secondary-light: 	#FFD6E0; 	/* TINT */
--brand-secondary-dark: 	#CC0044;  	/* SHADE */

--brand-secondary-main: 	var(--brand-primary-main) ; 	/* MAIN */
--brand-secondary-light: 	var(--brand-primary-light) ; 	/* TINT */
--brand-secondary-dark: 	var(--brand-primary-dark) ;  	/* SHADE */


/* ----------------------------------------------------
   ACCENT COLOUR — FUSHIA
   A strong colour used sparingly for emphasis.
   Used for: alerts, badges, callouts, special highlights.
---------------------------------------------------- */
--brand-accent: 		#FF0055;  /* MAIN */
--brand-accent-light: 	#FFADC2;  /* TINT */
--brand-accent-dark: 	#CC0044;  /* SHADE */


/* ----------------------------------------------------
   SEMANTIC COLOURS — FUSHIA ALT
   meaning-based UI colours - Used for: alerts, status messages, badges, validation
---------------------------------------------------- */
--success: #FF0026;   /* FUSHIA	success / positive actions */
--warning: #FF5C74;   /* PINK  	warning / caution */
--error:   #D1001F;   /* RED 	error / danger / validation failures */


/* ----------------------------------------------------
   SITE COLOUR MAPPING - BLUE MODE
---------------------------------------------------- */

--color-header-bg: var(--brand-primary-dark);   	/* HEADER BG */
--color-header-text: var(--neutral-100);   			/* HEADER TEXT */
--color-header-border: var(--brand-primary-dark); 	/* HEADER & MOBILE MENU BOTTOM BORDER */

--color-submenu-bg: var(--brand-primary-dark);  	/* SUB MENU BG */
--color-submenu-border: var(--brand-primary-dark);  /* SUB MENU BORDER*/
/--color-submenu-text: var(--neutral-100);   		/* SUB MENU TEXT */
--color-submenu-hover: var(--brand-primary-main); 	/* SUB MENU HOVER */

--color-primary: var(--neutral-100);            	/* white buttons/links  */
--color-primary-hover: var(--brand-primary-light);

--color-background: var(--neutral-200);         	/* CONTENT BG */
--color-text: var(--neutral-700);					/* CONTENT TEXT */

--color-footer-bg: var(--neutral-900);          	/* FOOTER BG */
--color-footer-text: var(--neutral-100);        	/* FOOTER TEXT */

--form-color-border: var(--brand-primary-light) ;   /* FORMS - BORDERS - TABLES  */


/* ----------------------------------------------------
   BRAND PALETTE - END
---------------------------------------------------- */

}