/* CloudWerk Cookie Consent Custom Branding */
:root {
    /* Primary color - Professional blue matching cloud/tech branding */
    --cc-btn-primary-bg: #0078d4;  /* Microsoft Azure blue */
    --cc-btn-primary-hover-bg: #005a9e;  /* Darker blue for hover */

    /* Secondary button colors - Light gray/slate */
    --cc-btn-secondary-bg: #f3f2f1;
    --cc-btn-secondary-hover-bg: #e1dfdd;
    --cc-btn-secondary-hover-color: #323130;

    /* Text colors - Darker for better contrast */
    --cc-primary-color: #323130;  /* Main text */
    --cc-secondary-color: #605e5c;  /* Secondary text */

    /* Toggle switch - Use primary blue when enabled */
    --cc-toggle-on-bg: #0078d4;
    --cc-toggle-off-bg: #8a8886;

    /* Separators and borders - Subtle gray */
    --cc-separator-border-color: #edebe9;

    /* Cookie category blocks - Very light background */
    --cc-cookie-category-block-bg: #faf9f8;
    --cc-cookie-category-block-border: #edebe9;
    --cc-cookie-category-block-hover-bg: #f3f2f1;
    --cc-cookie-category-block-hover-border: #e1dfdd;

    /* Overlay - Slightly transparent dark */
    --cc-overlay-bg: rgba(0, 0, 0, 0.4);

    /* Footer */
    --cc-footer-bg: #faf9f8;
    --cc-footer-color: #605e5c;
    --cc-footer-border-color: #edebe9;
}

/* Dark mode overrides - Optional but recommended */
.cc--darkmode {
    --cc-bg: #252423;
    --cc-primary-color: #f3f2f1;
    --cc-secondary-color: #c8c6c4;
    --cc-btn-primary-bg: #2899f5;  /* Brighter blue for dark mode */
    --cc-btn-primary-hover-bg: #0078d4;
    --cc-btn-secondary-bg: #3b3a39;
    --cc-btn-secondary-hover-bg: #484644;
    --cc-separator-border-color: #3b3a39;
    --cc-cookie-category-block-bg: #292827;
    --cc-cookie-category-block-hover-bg: #3b3a39;
}