:root {
    /* Background and input styling */
    --ccdc-background-color: var(--global-palette9, #ffffff); /* White or off-white */
    --ccdc-input-background-color: var(--global-palette9, #ffffff); /* White or off-white */
    --ccdc-input-border-color: var(--global-palette8, #e5e5e5); /* Lighter background */
    --ccdc-input-text-color: var(--global-palette3, #000000); /* Strongest text */
    --ccdc-input-focus-border-color: var(--global-palette1, #3182ce); /* Accent */
    --ccdc-input-focus-box-shadow: rgba(49, 130, 206, 0.5); /* Focus shadow effect */
    
    /* Label and text colors */
    --ccdc-label-text-color: var(--global-palette4, #333333); /* Strong text */
    
    /* Button styling */
    --ccdc-button-background-color: var(--global-palette1, #3182ce); /* Accent */
    --ccdc-button-hover-background-color: var(--global-palette2, #2c5282); /* Accent - alt */
    --ccdc-button-text-color: var(--global-palette9, #ffffff); /* White or off-white */
    
    /* Success and error colors */
    --ccdc-success-text-color: var(--global-palette1, #28a745); /* Accent for success */
    --ccdc-error-text-color: var(--global-palette1, #e53e3e); /* Accent for errors */
    
    /* Table styling */
    --ccdc-table-header-background-color: var(--global-palette2, #2c5282); /* Accent - alt */
    --ccdc-table-header-text-color: var(--global-palette9, #ffffff); /* White or off-white */
    --ccdc-table-body-background-color: var(--global-palette9, #ffffff); /* White or off-white */
    --ccdc-table-body-text-color: var(--global-palette5, #555555); /* Medium text */
    
    /* Pagination styling */
    --ccdc-pagination-background-color: var(--global-palette1, #3182ce); /* Accent */
    --ccdc-pagination-hover-background-color: var(--global-palette2, #2c5282); /* Accent - alt */
    
    /* Modal styling */
    --ccdc-modal-background-color: rgba(49, 130, 206, 0.5); /* Accent */
    --ccdc-modal-content-background-color: var(--global-palette9, #ffffff); /* White or off-white */
    --ccdc-modal-close-color: var(--global-palette3, #000000); /* Strongest text */
    --ccdc-modal-close-hover-color: var(--global-palette1, #3182ce); /* Accent */
    
    /* Reply section */
    --ccdc-reply-border-color: var(--global-palette8, #e0e0e0); /* Lighter background */
    --ccdc-reply-background-color: var(--global-palette9, #ffffff); /* White or off-white */
}