/*
 * QuoteForce brand overrides for vanilla-cookieconsent v3.
 *
 * Loaded AFTER cookieconsent.css so :root and #cc-main rules win. We
 * re-bind the library's CSS custom properties to QuoteForce tokens
 * (Operator Green CTA, ink reject, Geist font, warm cream paper, 7px
 * CTA radius). No structural overrides — only tokens. The library can
 * upgrade without us re-skinning each time.
 */

#cc-main {
  /* Font + sizing */
  --cc-font-family:
    "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cc-font-size: 15px;
  --cc-line-height: 1.55;

  /* Paper / surface tokens */
  --cc-bg: #FAF7F2;
  --cc-secondary-color: #2E3530;
  --cc-primary-color: #0F1310;
  --cc-link-color: #1F4F39;

  /* Buttons — Operator Green accept, ink reject, both equal weight */
  --cc-btn-primary-bg: #1F4F39;
  --cc-btn-primary-color: #FAF7F2;
  --cc-btn-primary-border-color: #1F4F39;
  --cc-btn-primary-hover-bg: #163A29;
  --cc-btn-primary-hover-color: #ffffff;
  --cc-btn-primary-hover-border-color: #163A29;

  --cc-btn-secondary-bg: #0F1310;
  --cc-btn-secondary-color: #FAF7F2;
  --cc-btn-secondary-border-color: #0F1310;
  --cc-btn-secondary-hover-bg: #1B1F1A;
  --cc-btn-secondary-hover-color: #ffffff;
  --cc-btn-secondary-hover-border-color: #1B1F1A;

  /* Toggle (preferences modal) */
  --cc-toggle-bg-off: #C8C1B0;
  --cc-toggle-bg-on: #1F4F39;
  --cc-toggle-bg-readonly: #E4DECF;
  --cc-toggle-knob-bg: #ffffff;
  --cc-toggle-knob-icon-color: #1F4F39;

  /* Sections + rules */
  --cc-cookie-category-block-bg: #F3EFE6;
  --cc-cookie-category-block-bg-hover: #EBE5D9;
  --cc-cookie-category-block-border: #E4DECF;
  --cc-cookie-category-expanded-block-bg: #ffffff;
  --cc-cookie-category-expanded-block-hover-bg: #F3EFE6;
  --cc-separator-border-color: #E4DECF;
  --cc-section-border: #E4DECF;
  --cc-overlay-bg: rgba(15, 19, 16, 0.55);

  /* Cookie tables */
  --cc-cookie-table-border: #E4DECF;

  /* Modal radius — match QuoteForce 6px surface / 7px CTA */
  --cc-modal-border-radius: 8px;
  --cc-btn-border-radius: 7px;
  --cc-pm-toggle-border-radius: 999px;
  --cc-modal-margin: 1rem;
}

/* Buttons feel weightless without a real shadow. Match the QuoteForce
   shadow stack used on .cta-pri / .nav-cta .start so the banner looks
   like part of the marketing site, not a third-party widget. */
#cc-main .cm__btn--primary,
#cc-main .pm__btn--primary {
  box-shadow:
    inset 0 1px 0 0 rgb(255 255 255 / 0.16),
    0 1px 1px 0 rgb(15 19 16 / 0.12),
    0 2px 4px -1px rgb(15 19 16 / 0.14),
    0 6px 12px -2px rgb(31 79 57 / 0.26);
  font-weight: 600;
  letter-spacing: -0.005em;
}
#cc-main .cm__btn--secondary,
#cc-main .pm__btn--secondary {
  box-shadow:
    inset 0 1px 0 0 rgb(255 255 255 / 0.08),
    0 1px 1px 0 rgb(15 19 16 / 0.18),
    0 2px 4px -1px rgb(15 19 16 / 0.16);
  font-weight: 600;
  letter-spacing: -0.005em;
}

/* Headlines should feel editorial, not corporate */
#cc-main .cm__title,
#cc-main .pm__title {
  font-family: "Fraunces", "Geist", Georgia, serif;
  font-weight: 500;
  letter-spacing: -0.015em;
}

/* Tabular numbers everywhere a count appears */
#cc-main {
  font-variant-numeric: tabular-nums;
  font-optical-sizing: auto;
}