:root, [data-theme], [data-theme="default"] {
    /*******************************************
        Color Roles
    ********************************************/
    /* Main Roles */
    --ec-theme-surface: var(--ec-color-grey-50);
    --ec-theme-content: var(--ec-color-gray-900);
    --ec-theme-success: unset;
    --ec-theme-error: var(--ec-color-error-600);
    --ec-theme-warning: unset;
    --ec-theme-lowest-surface: unset;
    --ec-theme-lowest-content: unset;
    --ec-theme-lowest-success: unset;
    --ec-theme-lowest-error: unset;
    --ec-theme-lowest-warning: unset;
    --ec-theme-low-surface: unset;
    --ec-theme-low-content: unset;
    --ec-theme-low-success: unset;
    --ec-theme-low-error: unset;
    --ec-theme-low-warning: unset;
    --ec-theme-high-surface: unset;
    --ec-theme-high-content: unset;
    --ec-theme-high-success: unset;
    --ec-theme-high-error: unset;
    --ec-theme-high-warning: unset;
    --ec-theme-highest-surface: unset;
    --ec-theme-highest-content: unset;
    --ec-theme-highest-success: unset;
    --ec-theme-highest-error: unset;
    --ec-theme-highest-warning: unset;
    /* Outline Roles */
    --ec-theme-outline: unset;
    --ec-theme-outline-variant: unset;
    /* Accent: Primary Roles */
    --ec-theme-primary-surface: unset;
    --ec-theme-primary-content: unset;
    --ec-theme-primary-low-surface: unset;
    --ec-theme-primary-low-content: unset;
    --ec-theme-primary-high-surface: unset;
    --ec-theme-primary-high-content: unset;
    /* Accent: Secondary Roles */
    --ec-theme-secondary-surface: unset;
    --ec-theme-secondary-content: var(--ec-color-action-800);
    --ec-theme-secondary-low-surface: unset;
    --ec-theme-secondary-low-content: unset;
    --ec-theme-secondary-high-surface: unset;
    --ec-theme-secondary-high-content: unset;
    /* Accent: Tertiary Roles */
    --ec-theme-tertiary-surface: unset;
    --ec-theme-tertiary-content: unset;
    --ec-theme-tertiary-low-surface: unset;
    --ec-theme-tertiary-low-content: unset;
    --ec-theme-tertiary-high-surface: unset;
    --ec-theme-tertiary-high-content: unset;
    /* Feeback: Success Roles */
    --ec-theme-success-surface: unset;
    --ec-theme-success-content: unset;
    --ec-theme-success-low-surface: unset;
    --ec-theme-success-low-content: unset;
    --ec-theme-success-high-surface: unset;
    --ec-theme-success-high-content: unset;
    /* Feeback: Error Roles */
    --ec-theme-error-surface: var(--ec-color-error-600);
    --ec-theme-error-content: unset;
    --ec-theme-error-low-surface: unset;
    --ec-theme-error-low-content: unset;
    --ec-theme-error-high-surface: unset;
    --ec-theme-error-high-content: unset;
    /* Feeback: Warning Roles */
    --ec-theme-warning-surface: unset;
    --ec-theme-warning-content: unset;
    --ec-theme-warning-low-surface: unset;
    --ec-theme-warning-low-content: unset;
    --ec-theme-warning-high-surface: unset;
    --ec-theme-warning-high-content: unset;
}