:root {
                    /* Base Colors */
--wp--frontis--color--base-font: var(--sol-color-base-font);
--wp--frontis--color--heading: var(--sol-color-heading);
--wp--frontis--color--link-button-initial: var(--sol-color-link-button-initial);
--wp--frontis--color--link-button-hover: var(--sol-color-link-button-hover);
--wp--frontis--color--button-initial: var(--sol-color-button-initial);
--wp--frontis--color--button-hover: var(--sol-color-button-hover);
--wp--frontis--color--selection-color: var(--sol-color-selection-initial);
--wp--frontis--color--selection-background: var(--sol-color-selection-high);
--wp--frontis--color--border: var(--sol-color-border);
--wp--frontis--color--background: var(--sol-color-background);
--wp--frontis--color--page-title-text: var(--sol-color-page-title-text);
--wp--frontis--color--page-title-background: var(--sol-color-page-title-background);
--wp--frontis--color--bg-menu-dropdown: var(--sol-color-bg-menu-dropdown);

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

                }