/* variables */
:root {
    --dw-body-bg-color: rgb(255, 255, 255);
    --dw-body-bg-color-darker: rgb(235, 235, 235);
    --dw-body-bg-color-lighter: rgb(255, 255, 255);
    --dw-modal-bg-color: rgba(120, 120, 120, 0.5);
    --dw-primary-color: rgb(2, 143, 127);
    --dw-secondary-color: rgb(197 216 214);
    --dw-tertiary-color: rgb(38, 153, 214);
    --dw-card-bg-color: rgba(13, 37, 33,0.75);
    --dw-border-color: rgb(168, 168, 168);
    --dw-border-color-hover: rgb(126, 125, 125);
    --dw-border-th-color: rgb(213, 213, 213);
    --dw-border-td-color: rgb(230, 230, 230);
    --dw-text-color: rgb(23, 23, 23);
    --dw-text-invert-color: rgb(250, 250, 250);
    --dw-lead-color: rgb(78, 78, 78);
    --dw-link-color: var(--dw-text-color);
    --dw-link-color-hover: var(--dw-text-color);
    --dw-hr-color: var(--dw-border-color);
    --dw-quote-color: rgb(235, 235, 235);
    --dw-btn-color: var(--dw-text-color);
    --dw-btn-bg-color: rgb(250, 250, 250);
    --dw-btn-border-color: var(--dw-border-color);
    --dw-btn-color-hover: var(--dw-text-color);
    --dw-btn-bg-color-hover: rgb(197 216 214);
    --dw-btn-border-color-hover: var(--dw-text-color);
    --dw-menu-color: rgb(62, 62, 62);
    --dw-menu-invert-color: rgb(255, 255, 255);
    --dw-header-bg-color: var(--dw-secondary-color);
    --dw-footer-bg-color: var(--dw-secondary-color);
    --dw-heading-color: var(--dw-text-color);
    --dw-form-element-bg: rgb(243, 244, 246);
    --dw-form-element-border-color: var(--dw-border-color);
    --dw-form-element-border-color-hover: var(--dw-border-color-hover);
    --dw-form-element-focus-bg: var(--dw-body-bg-color);
}

/* CMS Farb-Utility-Klassen: 12 Farben × 3 Anwendungen (Fill/Text/Border) + bg-transparent = 37 */

.dw-bg-body        { background-color: var(--dw-body-bg-color)         !important }
.dw-bg-body-dim    { background-color: var(--dw-body-bg-color-darker)  !important }
.dw-bg-body-raised { background-color: var(--dw-body-bg-color-lighter) !important }
.dw-bg-header      { background-color: var(--dw-header-bg-color)       !important }
.dw-bg-footer      { background-color: var(--dw-footer-bg-color)       !important }
.dw-bg-primary     { background-color: var(--dw-primary-color)         !important }
.dw-bg-secondary   { background-color: var(--dw-secondary-color)       !important }
.dw-bg-tertiary    { background-color: var(--dw-tertiary-color)        !important }
.dw-bg-ink         { background-color: var(--dw-text-color)            !important }
.dw-bg-ink-invert  { background-color: var(--dw-text-invert-color)     !important }
.dw-bg-ink-muted   { background-color: var(--dw-lead-color)            !important }
.dw-bg-line        { background-color: var(--dw-border-color)          !important }
.dw-bg-transparent { background-color: transparent                     !important }

.dw-text-body        { color: var(--dw-body-bg-color)         !important }
.dw-text-body-dim    { color: var(--dw-body-bg-color-darker)  !important }
.dw-text-body-raised { color: var(--dw-body-bg-color-lighter) !important }
.dw-text-header      { color: var(--dw-header-bg-color)       !important }
.dw-text-footer      { color: var(--dw-footer-bg-color)       !important }
.dw-text-primary     { color: var(--dw-primary-color)         !important }
.dw-text-secondary   { color: var(--dw-secondary-color)       !important }
.dw-text-tertiary    { color: var(--dw-tertiary-color)        !important }
.dw-text-ink         { color: var(--dw-text-color)            !important }
.dw-text-ink-invert  { color: var(--dw-text-invert-color)     !important }
.dw-text-ink-muted   { color: var(--dw-lead-color)            !important }
.dw-text-line        { color: var(--dw-border-color)          !important }

.dw-border-body        { border-color: var(--dw-body-bg-color)         !important }
.dw-border-body-dim    { border-color: var(--dw-body-bg-color-darker)  !important }
.dw-border-body-raised { border-color: var(--dw-body-bg-color-lighter) !important }
.dw-border-header      { border-color: var(--dw-header-bg-color)       !important }
.dw-border-footer      { border-color: var(--dw-footer-bg-color)       !important }
.dw-border-primary     { border-color: var(--dw-primary-color)         !important }
.dw-border-secondary   { border-color: var(--dw-secondary-color)       !important }
.dw-border-tertiary    { border-color: var(--dw-tertiary-color)        !important }
.dw-border-ink         { border-color: var(--dw-text-color)            !important }
.dw-border-ink-invert  { border-color: var(--dw-text-invert-color)     !important }
.dw-border-ink-muted   { border-color: var(--dw-lead-color)            !important }
.dw-border-line        { border-color: var(--dw-border-color)          !important }