:root {
                    /* Base Colors */
--wp--frontis--color--base: #399CFF;
--wp--frontis--color--primary-50: #EBF5FF;
--wp--frontis--color--primary-100: #D7EBFF;
--wp--frontis--color--primary-200: #B0D7FF;
--wp--frontis--color--primary-300: #88C4FF;
--wp--frontis--color--primary-400: #61B0FF;
--wp--frontis--color--primary-600: #2E7ECF;
--wp--frontis--color--primary-700: #22619F;
--wp--frontis--color--primary-800: #174370;
--wp--frontis--color--primary-950: #061728;
--wp--frontis--color--tertiary: #E83E8C;
--wp--frontis--color--neutral: #6A758E;
--wp--frontis--color--neutral-50: #F0F1F4;
--wp--frontis--color--neutral-100: #E1E3E8;
--wp--frontis--color--neutral-200: #8891A5;
--wp--frontis--color--neutral-700: #404655;
--wp--frontis--color--pink: #FF00FF;
--wp--frontis--color--purple: #6F42C1;
--wp--frontis--color--warning: #F89B2E;
--wp--frontis--color--success: #4CAF50;
--wp--frontis--color--error: #E43242;
--wp--frontis--color--error-50: #FCEBEC;
--wp--frontis--color--white: #FFFFFF;
--wp--frontis--color--body-purple: #F1ECF9;
--wp--frontis--color--body-neutral: #555E72;
--wp--frontis--color--body-neutral-50: #F4F0FF;
--wp--frontis--color--text-base: #090A11;
--wp--frontis--color--heading: #0B2640;
--wp--frontis--color--primary: #0B2640;

/* 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);

                }