:root {
	--deep-orange:#FF5722;
	--blue-dark:#020445;
	--white:#ffffff;  
	--background:#FAFAFA;
	--text:#000000;
	--button-color:#FF5722;
	--button-text-color:#FFFFFF;
	--button-hover-color: #E64A19;
	--success:#2E7D32;     
	--error:#D32F2F;
}

/* Add this to your Global CSS */
.pg-home-pattern {
    background-color: #ffffff;
    background-image:  
        url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 50 L30 30 L50 50 L50 90 L10 90 Z M25 60 H35 V75 H25 Z' fill='none' stroke='%23ff5722' stroke-opacity='0.05' stroke-width='2'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 40 L25 25 L40 40 L40 70 L10 70 Z M20 50 H30 V65 H20 Z' fill='none' stroke='%2394a3b8' stroke-opacity='0.05' stroke-width='1.5'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='150' height='150' viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M110 40 L120 30 L130 40 L130 60 L110 60 Z' fill='none' stroke='%2394a3b8' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E");
    
    background-attachment: fixed;
    background-position: 0 0, 40px 40px, 90px 10px;
}