:root {
  --sp-navy: #14345A;
  --sp-ink: #0E1E33;
  --sp-amber: #C2601F;
  --sp-amber-reversed: #DD8A44;
  --sp-emerald: #0E5C46;
  --sp-emerald-reversed: #3E9C7A;
  --sp-paper: #FBFAF8;
  --sp-paper-reversed: #F4F7FB;
  --sp-body: #22303F;
  --sp-secondary: #5A6A7E;
  --sp-muted: #8A93A0;
  --sp-muted-dark: #9BAABF;
  --sp-hairline: #E7E3DC;
  --sp-hairline-soft: #EFEBE4;
  --sp-rule-dark: #5A7194;

  --sp-display: "Bodoni MT", Didot, "Bodoni 72", Georgia, serif;
  --sp-body-font: "Franklin Gothic Book", "Franklin Gothic Medium", "ITC Franklin Gothic", Arial, sans-serif;

  --sp-track-sutro: 0.15em;
  --sp-track-point: 0.50em;
  --sp-track-label: 0.18em;
}

body { background: var(--sp-paper); color: var(--sp-body); font-family: var(--sp-body-font); }
h1, h2, h3 { font-family: var(--sp-display); color: var(--sp-navy); font-weight: 400; }
a { color: var(--sp-navy); }
a:hover { color: var(--sp-amber); }
.sp-rule { width: 44px; height: 2px; background: var(--sp-amber); }
.sp-label { font-size: 12px; font-weight: 600; letter-spacing: var(--sp-track-label); text-transform: uppercase; color: var(--sp-amber); }