/*
 * Psychofun theme for CookieConsent v3.
 * Overrides the library's CSS custom properties to match the site palette:
 *   dark  #080808   panel #0F1214   primary #0BA47F
 * Kept in its own file so upstream cookieconsent.css can be updated verbatim.
 */

#cc-main {
    /* Base */
    --cc-font-family: inherit;
    --cc-bg: #0F1214;
    --cc-primary-color: #ffffff;          /* headings / primary text */
    --cc-secondary-color: #9ca3af;        /* body / secondary text (gray-400) */

    /* Links */
    --cc-link-color: #0BA47F;

    /* Primary button (Accept all) */
    --cc-btn-primary-bg: #0BA47F;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #0BA47F;
    --cc-btn-primary-hover-bg: #0cbf93;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #0cbf93;

    /* Secondary button (Reject all / Manage) */
    --cc-btn-secondary-bg: #171B1E;
    --cc-btn-secondary-color: #d1d5db;
    --cc-btn-secondary-border-color: #2b3137;
    --cc-btn-secondary-hover-bg: #22282c;
    --cc-btn-secondary-hover-color: #ffffff;
    --cc-btn-secondary-hover-border-color: #374151;

    --cc-btn-border-radius: 0.375rem;

    /* Toggles */
    --cc-toggle-on-bg: #0BA47F;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-bg: #373F3E;
    --cc-toggle-off-knob-bg: #ffffff;
    --cc-toggle-enabled-icon-color: #0F1214;
    --cc-toggle-disabled-icon-color: #0F1214;
    --cc-toggle-readonly-bg: #1c2023;
    --cc-toggle-readonly-knob-bg: #6b7280;
    --cc-toggle-readonly-knob-icon-color: #0F1214;

    /* Category blocks (preferences modal) */
    --cc-cookie-category-block-bg: #0b0e10;
    --cc-cookie-category-block-border: #171B1E;
    --cc-cookie-category-block-hover-bg: #0d1113;
    --cc-cookie-category-block-hover-border: #1C2023;
    --cc-cookie-category-expanded-block-bg: #080808;
    --cc-cookie-category-expanded-block-hover-bg: #0b0e10;

    --cc-section-category-border: #171B1E;
    --cc-separator-border-color: #171B1E;

    /* Footer of the preferences modal */
    --cc-footer-bg: #0b0e10;
    --cc-footer-color: #9ca3af;
    --cc-footer-border-color: #171B1E;

    /* Overlay + scrollbar + radius */
    --cc-overlay-bg: rgba(0, 0, 0, 0.7);
    --cc-webkit-scrollbar-bg: #1c2023;
    --cc-webkit-scrollbar-hover-bg: #2b3137;
    --cc-modal-border-radius: 0.5rem;
    --cc-pm-toggle-border-radius: 1rem;
}

/* Subtle primary accent on the consent box, echoing the site's .btn-default. */
#cc-main .cm {
    border: 1px solid #171B1E;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5), inset 0 0.5px 0 rgba(11, 164, 127, 0.5);
}
#cc-main .pm {
    border: 1px solid #171B1E;
}