#cc-main {
     /** Change font **/
	--cc-font-family: Roboto;
	--cc-bg: #0c182c;
	--cc-primary-color: #0c182c
    --cc-secondary-color: #aebbc5;
	--cc-section-category-border: #232a2f;
	--cc-btn-border-radius: 0px;
	--cc-modal-border-radius: 0px;

	--cc-btn-primary-bg: transparent;
	--cc-btn-primary-border-color: #fac012;
	--cc-btn-primary-color: #fac012;
	--cc-btn-primary-hover-bg: #fac012;
	--cc-btn-primary-hover-color: #0c182c;
	--cc-btn-primary-hover-border-color: #fac012;
	
	--cc-btn-secondary-bg: transparent;
	--cc-btn-secondary-border-color: #fac012;
	--cc-btn-secondary-color: #fac012;
	--cc-btn-secondary-hover-bg: #fac012;
	--cc-btn-secondary-hover-color: #0c182c;
	--cc-btn-secondary-hover-border-color: #fac012;
	
	
	--cc-cookie-category-block-bg: #0c182c;
    --cc-cookie-category-block-border: var(--cc-section-category-border);
    --cc-cookie-category-block-hover-bg: #060c16;
    --cc-cookie-category-block-hover-border: #232a2f;
    --cc-cookie-category-expanded-block-bg: transparent;
    --cc-cookie-category-expanded-block-hover-bg: var(--cc-toggle-readonly-bg);
	
    --cc-toggle-off-bg: #525f6b;
	--cc-toggle-on-bg: #525f6b;
    --cc-toggle-on-knob-bg: var(--cc-btn-primary-color);
    --cc-toggle-off-knob-bg: var(--cc-btn-primary-color);

    --cc-toggle-enabled-icon-color: var(--cc-btn-primary-color);   // yes (v tick)
    --cc-toggle-disabled-icon-color: var(--cc-btn-primary-color);  // no (x tick)

    --cc-toggle-readonly-bg: #343e45;
    --cc-toggle-readonly-knob-bg: #5f6b72;
    --cc-toggle-readonly-knob-icon-color: var(--cc-toggle-readonly-bg);
	
	--cc-footer-bg: #060c16;
    --cc-footer-color: #fac012;
    --cc-footer-border-color: #060c16;
 }