.cc--darkmode{
    --cc-bg:linear-gradient(#0d0d0d,#212121);
    --cc-primary-color:#ebf3f6;
    --cc-secondary-color:#aebbc5;

    --cc-btn-primary-bg:#f8f9fa;
    --cc-btn-primary-color:#111;
    --cc-btn-primary-border-color:var(--cc-btn-primary-bg);
    --cc-btn-border-radius: 10px;
    --cc-btn-primary-hover-bg:#5c5b5b;
    --cc-btn-primary-hover-color:#f8f9fa;
    --cc-btn-primary-hover-border-color:var(--cc-btn-primary-hover-bg);

    --cc-btn-secondary-bg:#f8f9fa;
    --cc-btn-secondary-color: #111;
    --cc-btn-secondary-border-color:var(--cc-btn-secondary-bg);
    --cc-btn-secondary-hover-bg:#5c5b5b;
    --cc-btn-secondary-hover-color:#f8f9fa;
    --cc-btn-secondary-hover-border-color:var(--cc-btn-secondary-hover-bg);

    --cc-separator-border-color:#222a30;
    --cc-toggle-on-bg:var(--cc-btn-primary-bg);
    --cc-toggle-off-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);
    --cc-toggle-disabled-icon-color:var(--cc-btn-primary-color);
    --cc-toggle-readonly-bg:#343e45;
    --cc-toggle-readonly-knob-bg:#5f6b72;
    --cc-toggle-readonly-knob-icon-color:var(--cc-toggle-readonly-bg);
    --cc-section-category-border:#1e2428;
    --cc-cookie-category-block-bg:#1e2428;
    --cc-cookie-category-block-border:var(--cc-section-category-border);
    --cc-cookie-category-block-hover-bg:#242c31;
    --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-overlay-bg:rgba(0,0,0,.65);
    --cc-webkit-scrollbar-bg:var(--cc-section-category-border);
    --cc-webkit-scrollbar-hover-bg:var(--cc-btn-primary-hover-bg);
    --cc-footer-bg:#0c0e0f;
    --cc-footer-color:var(--cc-secondary-color);
    --cc-footer-border-color:#060809;
}
.cc--darkmode #cc-main{
    color-scheme:dark
}