/* ============================================================================
   CastHost website-refresh — design tokens + brand-color consolidation (Phase 1)
   Loaded AFTER css/site.min.css so it can normalize stock Bootstrap-4 values.
   Additive groundwork: defines the token system Phase 2 will harmonize sections
   onto, and collapses every stray/stock blue onto the single brand blue (D7).
   Canonical theme reference: departments/marketing/landing/WEBSITE_THEME.md
   ============================================================================ */

:root{
  /* ---- brand palette ---- */
  --ch-blue:#0038e3;          /* THE brand blue (was split across #0038e3/#0039e3/#007bff) */
  --ch-blue-strong:#012a9e;   /* hover/active */
  --ch-navy:#020230;          /* hero base */
  --ch-navy-overlay:#02023094;
  --ch-nav-scroll:#0639e2;    /* scrolled nav */
  --ch-ink:#212529;           /* body text */
  --ch-muted:#666;            /* secondary text */
  --ch-surface:#fff;
  --ch-surface-alt:#f7f7f7;   /* alternating light section */
  --ch-surface-alt-2:#edf2f6; /* alternating light section */
  --ch-border:#e6e6e6;

  /* ---- map Bootstrap's primary onto the brand ---- */
  --blue:#0038e3;
  --primary:#0038e3;

  /* ---- spacing scale ---- */
  --ch-space-1:4px; --ch-space-2:8px; --ch-space-3:16px; --ch-space-4:24px;
  --ch-space-5:40px; --ch-space-6:64px; --ch-space-7:96px;

  /* ---- radius ---- */
  --ch-radius-sm:6px; --ch-radius:12px; --ch-radius-pill:999px;

  /* ---- elevation ---- */
  --ch-shadow-sm:0 8px 20px rgba(15,23,42,.06);
  --ch-shadow:0 14px 36px rgba(2,2,48,.12);

  /* ---- type ---- */
  --ch-font:'Poppins',sans-serif;
}

/* ---------------------------------------------------------------------------
   D7 — brand-blue consolidation (DEFENSIVE). Every selector below ships stock
   #007bff in site.min.css. These pages don't currently use the Bootstrap
   primary classes (audited: 0 usages on home/pricing), so this is a no-op today
   and a guard against future stock-blue leaks — it keeps "the brand blue" = one
   value if anyone later drops a stock .btn-primary / .badge-primary in.
   NOTE: base `a{}` and `.btn-link{}` are intentionally NOT overridden here —
   there were no stock-blue links to fix, and doing so recolored the header
   START-FREE-TRIAL CTA site-wide. CTA-emphasis is a deliberate Phase-3 change.
   Loaded last, so equal-specificity rules win by source order (utilities keep
   !important).
   --------------------------------------------------------------------------- */
.btn-primary{background-color:var(--ch-blue);border-color:var(--ch-blue)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:not(:disabled):not(.disabled):active{
  background-color:var(--ch-blue-strong);border-color:var(--ch-blue-strong)}
.btn-primary.disabled,.btn-primary:disabled{background-color:var(--ch-blue);border-color:var(--ch-blue)}
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(0,56,227,.4)}

.btn-outline-primary{color:var(--ch-blue);border-color:var(--ch-blue)}
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active{
  background-color:var(--ch-blue);border-color:var(--ch-blue);color:#fff}

.text-primary{color:var(--ch-blue)!important}
.bg-primary{background-color:var(--ch-blue)!important}
.border-primary{border-color:var(--ch-blue)!important}
.badge-primary{background-color:var(--ch-blue)}

.dropdown-item.active,.dropdown-item:active{background-color:var(--ch-blue)}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background-color:var(--ch-blue)}
.page-link{color:var(--ch-blue)}
.page-item.active .page-link{background-color:var(--ch-blue);border-color:var(--ch-blue)}
.list-group-item.active{background-color:var(--ch-blue);border-color:var(--ch-blue)}
.progress-bar{background-color:var(--ch-blue)}

.custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:checked~.custom-control-label::before,
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before,
.custom-radio .custom-control-input:checked~.custom-control-label::before{
  background-color:var(--ch-blue);border-color:var(--ch-blue)}

.form-control:focus{border-color:#809bf1;box-shadow:0 0 0 .2rem rgba(0,56,227,.25)}