:root {
            --wpjp-primary-color: #4d89dc;
            --wpjp-secondary-color: #000000;
            --wpjp-body-font-color: #575757;
            --wpjp-border-color: #e9ecef; /* Light Gray Border */
            --wpjp-background-color: #f6f6f6; /* Off-white background */
            --wpjp-card-background: #ffffff;
            --wpjp-highlight-color: #FFC300; /* Gold Accent (repurposed from old design) */
            --wpjp-success-color: #28a745;
            --wpjp-warning-color: #a15c00; /* amber, as the design system has always expected; this had been a cyan */
            --wpjp-danger-color: #dc3545;

            /* Font Variables - set on the Themes screen */
            --wpjp-main-heading: 32px;
            --wpjp-second-sub-heading: 26px;
            --wpjp-sub-heading: 23px;
            --wpjp-body-font-size: 17px;


            /* Other Variables */
            --wpjp-card-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
            --wpjp-card-hover-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
            --wpjp-focus-shadow-color: 0 0 0 3px rgba(77, 137, 220, 0.25);
            --wpjp-error-color: #e53e3e;
            --wpjp-error-focus-shadow: 0 0 0 3px rgba(229, 62, 62, 0.25);
        }