/*
 * ONIXEDIT brand theme for vanilla-cookieconsent v3.
 * Overrides only the library's public --cc-* CSS custom properties (scoped to #cc-main), so the
 * vendored cookieconsent.css stays untouched and upgradeable. This file is bundled AFTER
 * cookieconsent.css (see StyleSheets.cshtml), so these values win in the cascade.
 *
 * Palette (from the uSkinned generated theme CSS):
 *   #205a73  brand teal (primary buttons, links, toggles)
 *   #0b4d66  darker teal (primary hover)
 *   #173f52  darkest teal/navy (titles, strong text)
 *   #44758b  medium teal (secondary/description text, footer)
 *   #f0f6f8  light teal tint (category blocks, footer, secondary buttons)
 */
#cc-main {
    /* Inherit the site's typography instead of the library's system-font stack. */
    --cc-font-family: inherit;

    --cc-bg: #ffffff;
    --cc-primary-color: #173f52;   /* titles + strong text */
    --cc-secondary-color: #44758b; /* body / description text (AA on white) */

    /* Primary action (Accept all / Save) — brand teal, darker on hover. */
    --cc-btn-primary-bg: #205a73;
    --cc-btn-primary-color: #ffffff;
    --cc-btn-primary-border-color: #205a73;
    --cc-btn-primary-hover-bg: #0b4d66;
    --cc-btn-primary-hover-color: #ffffff;
    --cc-btn-primary-hover-border-color: #0b4d66;

    /* Secondary action (Reject all / Manage) — light teal tint with brand-teal text. */
    --cc-btn-secondary-bg: #eef4f7;
    --cc-btn-secondary-color: #205a73;
    --cc-btn-secondary-border-color: #dce8ee;
    --cc-btn-secondary-hover-bg: #dce8ee;
    --cc-btn-secondary-hover-color: #173f52;
    --cc-btn-secondary-hover-border-color: #cddbe2;

    --cc-separator-border-color: #e5edf1;

    /* Category toggles. */
    --cc-toggle-on-bg: #205a73;
    --cc-toggle-off-bg: #b3c6ce;
    --cc-toggle-on-knob-bg: #ffffff;
    --cc-toggle-off-knob-bg: #ffffff;
    --cc-toggle-readonly-bg: #cddbe2;
    --cc-toggle-readonly-knob-bg: #ffffff;

    /* Expandable category cards in the preferences modal. */
    --cc-cookie-category-block-bg: #f0f6f8;
    --cc-cookie-category-block-border: #e5edf1;
    --cc-cookie-category-block-hover-bg: #e8f1f4;
    --cc-cookie-category-block-hover-border: #dce8ee;
    --cc-cookie-category-expanded-block-hover-bg: #dce8ee;
    --cc-section-category-border: #e5edf1;

    /* Footer strip + links. */
    --cc-footer-bg: #f0f6f8;
    --cc-footer-color: #44758b;
    --cc-footer-border-color: #e5edf1;
    --cc-link-color: #205a73;

    /* Brand-tinted backdrop dim instead of flat black. */
    --cc-overlay-bg: rgba(23, 63, 82, .55);
}
