/* v4 Graphite design tokens for workforceadam.com.
   Every hex in the site lives in this file; other stylesheets read the tokens. */
:root {
  /* ground and ink */
  --wa-ground: #E9EAE7;
  --wa-sheet: #FCFCFB;
  --wa-recess: #DFE1DD;
  --wa-ink: #16191A;
  --wa-ink-body: #33393B;
  --wa-ink-muted: #626B6C;
  --wa-hairline: #CBCEC9;
  --wa-rule: #A9AEA8;
  --wa-accent: #7A2320;
  --wa-accent-hover: #5C1A17;
  --wa-accent-wash: rgba(122, 35, 32, .06);
  --wa-scrim: rgba(22, 25, 26, .48);
  --wa-ok: #2F5D4A;
  --wa-warn: #7A6220;

  /* chart series (v4 §3.5) */
  --wa-series-1: #1F2425;
  --wa-series-2: #7A2320;
  --wa-series-3: #2F587B;
  --wa-series-4: #8B5E43;
  --wa-series-5: #4F8771;
  --wa-series-6: #AA9046;

  /* slate sequential ramp, light to load */
  --wa-seq-1: #E4E9EE;
  --wa-seq-2: #C6D3DD;
  --wa-seq-3: #9FB4C6;
  --wa-seq-4: #7593AE;
  --wa-seq-5: #4E7395;
  --wa-seq-6: #2F587B;

  /* diverging ramp, oxblood (decline) to slate (growth) */
  --wa-div-1: #7A2320;
  --wa-div-2: #B7645E;
  --wa-div-3: #DCC3C0;
  --wa-div-4: #ECEDEA;
  --wa-div-5: #B9C9D6;
  --wa-div-6: #6F8FAB;
  --wa-div-7: #2F587B;

  /* provider types; bootcamp and employer academy take the two unused series slots */
  --wa-type-university: #7A2320;
  --wa-type-community-college: #AA9046;
  --wa-type-private: #4F8771;
  --wa-type-apprenticeship: #1F2425;
  --wa-type-bootcamp: #8B5E43;
  --wa-type-employer-academy: #2F587B;

  /* faces */
  --wa-font-read: 'Spectral', 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --wa-font-operate: 'IBM Plex Sans', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --wa-font-measure: 'IBM Plex Mono', 'SF Mono', Consolas, monospace;

  /* type scale (v4 §4.2, 1.26 ratio) */
  --wa-t-display: 3.25rem;
  --wa-t-1: 2.5625rem;
  --wa-t-2: 2.0625rem;
  --wa-t-3: 1.625rem;
  --wa-t-4: 1.3125rem;
  --wa-t-body: 1.0625rem;
  --wa-t-ui: .875rem;
  --wa-t-meta: .75rem;

  /* spacing (v4 §5.1) */
  --wa-s-1: 4px;
  --wa-s-2: 8px;
  --wa-s-3: 12px;
  --wa-s-4: 16px;
  --wa-s-5: 24px;
  --wa-s-6: 40px;
  --wa-s-8: 64px;
  --wa-s-10: 96px;
  --wa-s-12: 144px;

  /* layout */
  --wa-max: 1180px;
  --wa-measure: 34rem;
  --wa-gutter: 40px;

  /* motion: transform and opacity only, 220 to 380 ms */
  --wa-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --wa-dur-state: 220ms;
  --wa-dur-swap: 380ms;
}