#cc-main {
    --cc-bg: var(--color-bg);

    h2 {
        color: var(--color-font);
    }
    --cc-secondary-color: var(--color-font);
    --cc-btn-primary-bg: var(--color-primary);
    --cc-btn-primary-hover-bg: rgb(17, 65, 84);
    --cc-btn-secondary-color: var(--color-font);
    --cc-btn-secondary-bg: var(--color-bg);
    --cc-btn-secondary-hover-bg: var(--color-bg);
    --cc-btn-secondary-hover-color: var(--color-font);
    --cc-btn-secondary-border-color: var(--color-primary);
    --cc-btn-secondary-hover-border-color: rgb(17, 65, 84);

    --cc-cookie-category-block-bg: transparent;
    --cc-cookie-category-block-hover-bg: transparent;
    --cc-cookie-category-block-color: var(--color-font);

    --cc-toggle-on-bg: var(--color-primary);
    --cc-toggle-readonly-bg: transparent;

    --cc-cookie-category-block-border: var(--color-primary);
    --cc-cookie-category-block-hover-border: var(--color-primary);
    --cc-cookie-category-expanded-block-hover-bg: var(--color-primary);
    

    .pm__section-title {
        color: var(--color-font);
    }
}

/* Cookie policy page tables */
.cookie-policy-table-wrapper {
    overflow-x: auto;
}

.cookie-policy-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem
}

.cookie-policy-table th,
.cookie-policy-table td {
    border: 1px solid var(--color-gray);
    padding: 0.5rem;
    text-align: left;
    color: var(--color-font);
}