/**
 * Custom CookieConsent v3 Styling
 */
:root {
    --cc-font-family: 'Instrument Sans', sans-serif;

    /* Colors matches site design system */
    --cc-bg: #fff;
    --cc-text: #1a1a1a;
    --cc-btn-primary-bg: #1a1a1a;
    --cc-btn-primary-text: #fff;
    --cc-btn-primary-hover-bg: #333;

    --cc-btn-secondary-bg: #f5f5f5;
    --cc-btn-secondary-text: #1a1a1a;
    --cc-btn-secondary-hover-bg: #e5e5e5;

    --cc-toggle-bg-off: #cbd5e1;
    --cc-toggle-bg-on: #1a1a1a;
    --cc-toggle-knob-bg: #fff;

    --cc-cookie-category-block-bg: #f9f9f9;
    --cc-cookie-category-block-bg-hover: #f0f0f0;

    --cc-modal-border-radius: 12px;
    --cc-btn-border-radius: 6px;
    --cc-modal-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

#cc-main .cm {
    border: 1px solid #e5e5e5;
    box-shadow: var(--cc-modal-box-shadow);
}

#cc-main .cm__btn {
    font-weight: 500;
    transition: all 0.2s ease;
}

#cc-main .cm__title {
    font-weight: 600;
    font-size: 1.25rem;
}

#cc-main .cm__link-group a {
    color: var(--cc-text);
    text-decoration: underline;
    opacity: 0.7;
}

#cc-main .cm__link-group a:hover {
    opacity: 1;
}

/* Fix z-index if needed */
#cc-main {
    z-index: 999999;
}

/* Dark mode overrides if applicable, but for now stick to light/system default or explicit overrides */
@media (prefers-color-scheme: dark) {
    /* 
    :root {
        --cc-bg: #1a1a1a;
        --cc-text: #fff;
        ...
    } 
    */
}