.tone-primary{background:var(--primary-soft);color:var(--primary-text)}.tone-navy{background:var(--navy-soft);color:var(--navy-text)}.tone-steel{background:var(--steel-soft);color:var(--steel-text)}.tone-teal{background:var(--teal-soft);color:var(--teal-text)}.tone-mint{background:var(--mint-soft);color:var(--mint-text)}.tone-yellow{background:var(--yellow-soft);color:var(--yellow-text)}.tone-orange{background:var(--orange-soft);color:var(--orange-text)}.tone-violet{background:var(--violet-soft);color:var(--violet-text)}.tone-leaf{background:var(--leaf-soft);color:var(--leaf-text)}.tone-alarm{background:var(--alarm-soft);color:var(--alarm-text)}.tone-muted{background:var(--bg-2);color:var(--ink-2)}