/* ── Design tokens ──────────────────────────────────────────────────────────
   Chrome uses the MedBAR palette (chalk/frost/graphite/gold). Data marks use
   the paper's own family colors, set per-datum from systems.json, so a system
   is the same color here as in the published figures.
   Gold is a fill/rule/marker color: #D4AF5A on white is ~2.0:1 and fails text
   contrast, so text that must be gold uses --gold-deep on a tinted ground.
   ────────────────────────────────────────────────────────────────────────── */
:root {
  --chalk:      #F8F9FA;
  --white:      #FFFFFF;
  --frost:      #EDF0F4;
  --frost-deep: #E2E7EE;

  --ink:        #1A1D23;
  --ink-2:      #4A5160;
  --ink-3:      #6B7280;
  --ink-4:      #94A3B8;

  --gold:       #D4AF5A;
  --gold-deep:  #8A6D1C;
  --gold-wash:  #FBF6E9;
  --gold-edge:  #EBD9A8;

  --blue:       #2B6CB0;
  --coral:      #EF6C4A;
  --green:      #2E8B6B;

  --border:     #DDE2E9;
  --border-str: #C6CDD8;

  --radius:     10px;
  --radius-sm:  6px;
  --shadow:     0 1px 2px rgba(26,29,35,.05), 0 4px 16px rgba(26,29,35,.05);
  --shadow-lg:  0 2px 6px rgba(26,29,35,.07), 0 16px 40px rgba(26,29,35,.09);

  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --maxw: 1240px;
  --gutter: 16px;

  /* the physician comparator: deliberately neutral, not a family hue, so it
     never reads as one of the systems */
  --physician: #1A1D23;
  --physician-band: rgba(26,29,35,.07);
}

.overline {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: var(--ink-4);
  font-family: var(--sans);
}
.mono { font-family: var(--mono); font-variant-numeric: tabular-nums; }