:root {
--cl-color-body-bg: #f5f8fb;
--cl-color-accent: #bb4a99;
--cl-color-alt: #7d3a69;
--cl-color-body: #1b1b1b;
--cl-color-text-light: #ffffff;
--cl-color-links: #bb4a99;
--cl-color-links-active: #7d3a69;
--cl-color-h1: #bb4a99;
--cl-color-h2: #7d3a69;
--cl-color-h3: #384f88;
--cl-color-h4: #384f88;
--cl-color-h5: #384f88;
--cl-color-h6: #384f88;
--cl-color-btn-primary: #bb4a99;
--cl-color-btn-primary-active: #ffffff;
--cl-color-btn-secondary: #ffffff;
--cl-color-btn-secondary-active: #bb4a99;
--cl-color-btn-clear: #ffffff;
--cl-color-btn-clear-active: #ffffff;
--cl-color-header-bg: #ffffff;
--cl-color-header-text: #1b1b1b;
--cl-color-header-active: #bb4a99;
--cl-color-footer-text: #ffffff;
}