:root {
    --cc-font-family: "Roboto", Arial, sans-serif;
    --cc-modal-border-radius: 16px;
    --cc-modal-transition-duration: 0.22s;
    --cc-z-index: 9999;

    --cc-btn-primary-bg: #ed7a23;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #ed7a23;
    --cc-btn-primary-hover-bg: #d96a17;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #d96a17;

    --cc-btn-secondary-bg: #ffffff;
    --cc-btn-secondary-color: #0b1324;
    --cc-btn-secondary-border-color: #dbe2f4;
    --cc-btn-secondary-hover-bg: #f5f7fb;
    --cc-btn-secondary-hover-color: #0b1324;
    --cc-btn-secondary-hover-border-color: #c4d1ee;

    --cc-separator-border-color: #e1e6f3;
    --cc-overlay-bg: rgba(7, 14, 28, 0.4);
    --cc-modal-bg: #ffffff;
    --cc-primary-color: #ed7a23;
    --cc-secondary-color: #4a4f63;
}

.cc--darkmode {
    --cc-modal-bg: #ffffff;
    --cc-primary-color: #ed7a23;
    --cc-secondary-color: #4a4f63;
}

.cc__link {
    text-decoration: underline;
    text-decoration-thickness: 1px;
}