/*
 * DJC StateMap -- DJC Skin
 *
 * Brand skin for DJC (Turning Point / David Jeremiah). The structural
 * stylesheet (DJC_StateMap.css) already ships with the DJM heritage palette
 * baked into its tokens, so this skin is the documented override point: apply
 * class="djc" to retheme the choropleth ramp, counters, and CTA without
 * touching the skeleton.
 *
 * Apply class="djc" to the .djc-statemap element or any ancestor.
 * Load AFTER DJC_StateMap.css (structure).
 *
 * Usage:
 *   <djc-statemap class="djc" campaign="celebrate-america"></djc-statemap>
 *   DJC_StateMap.mount('#el', { campaign: 'celebrate-america' });  // default look
 */

.djc.djc-statemap,
.djc .djc-statemap {
  /* base palette */
  --color-1: #15315e;          /* heritage navy */
  --color-n0: #f7f3e9;         /* cream */
  --color-n2: #ece5d6;         /* cream-2 */
  --color-success: #1d8f63;
  --text-strong: #0e1b30;
  --text-muted: #6b6f78;

  /* gold to-goal / CTA gradient */
  --gradientX3: linear-gradient(to right, #dbb763, #9c7a2e);

  /* choropleth ramp: empty -> full (1 of 5 tiers) */
  --color-tier-0: #ece5d6;
  --color-tier-1: #d6e6ef;
  --color-tier-2: #a6cfe2;
  --color-tier-3: #6fb0d2;
  --color-tier-4: #2f7ea8;
  --color-tier-5: #144f7a;
}