:root {
                    /* Base Colors */
--wp--frontis--color--primary: #207DFE;
--wp--frontis--color--secondary: #063FA8;
--wp--frontis--color--heading: #111111;
--wp--frontis--color--body: #4F4F4F;
--wp--frontis--color--background: #F6F6F6;
--wp--frontis--color--border-color: #E7E7E7;

/* Custom Colors */
--wp--frontis--color--gradientPrimary: linear-gradient(135deg, rgba(33,150,243,1) 0%, rgba(156,39,176,1) 100%);
--wp--frontis--color--gradientSecondary: linear-gradient(135deg, rgba(0,200,83,1) 0%, rgba(255,193,7,1) 100%);
--wp--frontis--color--gradientTertiary: linear-gradient(135deg, rgba(244,67,54,1) 0%, rgba(233,30,99,1) 100%);
--wp--frontis--color--gradientAccent: linear-gradient(135deg, rgba(3,169,244,1) 0%, rgba(0,150,136,1) 100%);
--wp--frontis--color--gradientBackground: linear-gradient(135deg, rgba(96,125,139,1) 0%, rgba(224,224,224,1) 100%);
--wp--frontis--color--gradientGradient: linear-gradient(135deg, rgba(255,87,34,1) 0%, rgba(255,235,59,1) 100%);
--wp--frontis--color--gradientSunsetBliss: linear-gradient(135deg, rgba(255,0,150,1) 0%, rgba(255,255,0,1) 100%);
--wp--frontis--color--gradientOceanBreeze: linear-gradient(135deg, rgba(0,255,222,1) 0%, rgba(0,102,255,1) 100%);
--wp--frontis--color--gradientTangerineDream: linear-gradient(135deg, rgba(255,153,0,1) 0%, rgba(255,94,0,1) 100%);
--wp--frontis--color--gradientLavenderKiss: linear-gradient(135deg, rgba(102,51,153,1) 0%, rgba(255,102,204,1) 100%);
--wp--frontis--color--gradientMintyFresh: linear-gradient(220.55deg, #FFE70B 0%, #27B643 100%);
--wp--frontis--color--gradientHalloween: linear-gradient(180deg, #12C0DB, #EF04F6);

                }