:root {
    --dt-color-primary: #A51C30;
    --dt-color-primary-contrast: #F3F3F1;
    --dt-color-primary-dark-text: #871724;
    --dt-color-secondary: #1E1E1E;
    --dt-color-secondary-contrast: #F3F3F1;
    --dt-color-secondary-dark-text: #1E1E1E;
    --dt-color-accent: #BDAEA2;
    --dt-color-accent-contrast: #1E1E1E;
    --dt-color-accent-dark-text: #1E1E1E;
    --dt-color-gray: #BAC5C6;
    --dt-color-gray-contrast: #1E1E1E;
    --dt-color-gray-dark-text: #1E1E1E;
    --dt-color-white: #F3F3F1;
    --dt-color-white-contrast: #1E1E1E;
    --dt-color-white-dark-text: #1E1E1E;
};

#content, #tinymce.mce-content-body, .dp-tools-wrapper #previewPanel, .dp-tools-wrapper #appPreviewPanel, .dp-tools-wrapper .color-palette.misc-swatches, .dp-tools-wrapper .dp-color-picker:not(.dp-color-picker-default), .dp-tools-wrapper .link-checker-tool-form .link-preview, #content .dp-wrapper, #tinymce.mce-content-body .dp-wrapper, body #dpPopoutPreview, body #hoverPreview, body #quickStylePreview, body #dpWizardPreview, .dp-wrapper.dp-preview-wrapper, .dp-course-tool-preview-body .dp-wrapper {
/*******************************/
/* PRIMARY COLORS */
/*******************************/
/* Primary color - used for main actions, links, and primary buttons */
--bs-primary: #4E84C4;
--bs-primary-contrast: #FFFFFF;
--bs-primary-rgb: 78, 132, 196;
/* Primary color variations */
--bs-primary-text: #2F5A8E;
--bs-primary-bg-hover: #4E84C4;
--bs-primary-border: #2F5A8E;
}