/* vanilla-cookieconsent v3 theme — seventy2digital dark palette */
/* Variables match the site tokens: --b-canvas #06101F, --b-ink #F2F6FC, --b-accent #C8F33D */

#cc-main {
  --cc-font-family:                        "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;
  --cc-modal-border-radius:                12px;
  --cc-btn-border-radius:                  6px;

  /* Backgrounds */
  --cc-bg:                                 #0d1e30;
  --cc-footer-bg:                          #0a1827;
  --cc-overlay-bg:                         rgba(6, 16, 31, 0.85);

  /* Text */
  --cc-primary-color:                      #F2F6FC;
  --cc-secondary-color:                    rgba(242, 246, 252, 0.68);
  --cc-footer-color:                       rgba(242, 246, 252, 0.55);
  --cc-footer-border-color:                rgba(242, 246, 252, 0.1);
  --cc-link-color:                         #C8F33D;

  /* Primary button (Accept all) */
  --cc-btn-primary-bg:                     #C8F33D;
  --cc-btn-primary-color:                  #06101F;
  --cc-btn-primary-border-color:           #C8F33D;
  --cc-btn-primary-hover-bg:               #b8e030;
  --cc-btn-primary-hover-color:            #06101F;
  --cc-btn-primary-hover-border-color:     #b8e030;

  /* Secondary button (Necessary only / Save preferences) */
  --cc-btn-secondary-bg:                   transparent;
  --cc-btn-secondary-color:                #F2F6FC;
  --cc-btn-secondary-border-color:         rgba(242, 246, 252, 0.28);
  --cc-btn-secondary-hover-bg:             rgba(242, 246, 252, 0.08);
  --cc-btn-secondary-hover-color:          #F2F6FC;
  --cc-btn-secondary-hover-border-color:   rgba(242, 246, 252, 0.5);

  /* Toggles */
  --cc-toggle-on-bg:                       #C8F33D;
  --cc-toggle-off-bg:                      rgba(242, 246, 252, 0.2);
  --cc-toggle-on-knob-bg:                  #06101F;
  --cc-toggle-off-knob-bg:                 rgba(242, 246, 252, 0.8);
  --cc-toggle-enabled-icon-color:          #06101F;
  --cc-toggle-disabled-icon-color:         rgba(242, 246, 252, 0.5);
  --cc-toggle-readonly-bg:                 rgba(242, 246, 252, 0.12);
  --cc-toggle-readonly-knob-bg:            rgba(242, 246, 252, 0.5);
  --cc-toggle-readonly-knob-icon-color:    rgba(242, 246, 252, 0.5);

  /* Cookie category blocks */
  --cc-cookie-category-block-bg:           rgba(242, 246, 252, 0.04);
  --cc-cookie-category-block-border:       rgba(242, 246, 252, 0.08);
  --cc-cookie-category-block-hover-bg:     rgba(242, 246, 252, 0.07);
  --cc-cookie-category-block-hover-border: rgba(200, 243, 61, 0.2);
  --cc-cookie-category-expanded-block-bg:  rgba(242, 246, 252, 0.03);
  --cc-section-category-border:            rgba(242, 246, 252, 0.08);
  --cc-separator-border-color:             rgba(242, 246, 252, 0.1);
  --cc-webkit-scrollbar-bg:                rgba(242, 246, 252, 0.08);
  --cc-webkit-scrollbar-hover-bg:          rgba(242, 246, 252, 0.16);
}

[data-theme="light"] #cc-main {
  /* Backgrounds */
  --cc-bg:                                 #ffffff;                 /* lifted off #FAFBFC canvas; separation rule may follow */
  --cc-footer-bg:                          var(--b-surf-card);
  --cc-overlay-bg:                         rgba(11, 26, 51, 0.55);

  /* Text */
  --cc-primary-color:                      var(--b-ink);
  --cc-secondary-color:                    rgba(11, 26, 51, 0.65);
  --cc-footer-color:                       rgba(11, 26, 51, 0.55);
  --cc-footer-border-color:                rgba(11, 26, 51, 0.12);
  --cc-link-color:                         var(--b-accent);

  /* Primary button (Accept all) — Strato Blue */
  --cc-btn-primary-bg:                     var(--b-accent);
  --cc-btn-primary-color:                  var(--b-accent-ink);
  --cc-btn-primary-border-color:           var(--b-accent);
  --cc-btn-primary-hover-bg:               #1550c0;
  --cc-btn-primary-hover-color:            var(--b-accent-ink);
  --cc-btn-primary-hover-border-color:     #1550c0;

  /* Secondary button (Necessary only) — filled grey, equal weight */
  --cc-btn-secondary-bg:                   var(--b-surf-panel);
  --cc-btn-secondary-color:                var(--b-ink);
  --cc-btn-secondary-border-color:         rgba(11, 26, 51, 0.28);
  --cc-btn-secondary-hover-bg:             rgba(11, 26, 51, 0.10);
  --cc-btn-secondary-hover-color:          var(--b-ink);
  --cc-btn-secondary-hover-border-color:   rgba(11, 26, 51, 0.42);

  /* Toggles */
  --cc-toggle-on-bg:                       var(--b-accent);
  --cc-toggle-off-bg:                      rgba(11, 26, 51, 0.2);
  --cc-toggle-on-knob-bg:                  #ffffff;
  --cc-toggle-off-knob-bg:                 rgba(11, 26, 51, 0.55);
  --cc-toggle-enabled-icon-color:          #ffffff;
  --cc-toggle-disabled-icon-color:         rgba(11, 26, 51, 0.5);
  --cc-toggle-readonly-bg:                 rgba(11, 26, 51, 0.12);
  --cc-toggle-readonly-knob-bg:            rgba(11, 26, 51, 0.5);
  --cc-toggle-readonly-knob-icon-color:    rgba(11, 26, 51, 0.5);

  /* Cookie category blocks */
  --cc-cookie-category-block-bg:           rgba(11, 26, 51, 0.04);
  --cc-cookie-category-block-border:       rgba(11, 26, 51, 0.08);
  --cc-cookie-category-block-hover-bg:     rgba(11, 26, 51, 0.07);
  --cc-cookie-category-block-hover-border: rgba(26, 102, 224, 0.2);
  --cc-cookie-category-expanded-block-bg:  rgba(11, 26, 51, 0.03);
  --cc-section-category-border:            rgba(11, 26, 51, 0.08);
  --cc-separator-border-color:             rgba(11, 26, 51, 0.1);
  --cc-webkit-scrollbar-bg:                rgba(11, 26, 51, 0.08);
  --cc-webkit-scrollbar-hover-bg:          rgba(11, 26, 51, 0.16);
}