@layer atoms {
  .money {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    white-space: nowrap;

    &[data-tone="income"] { color: var(--color-income); }
    &[data-tone="expense"] { color: var(--color-expense); }
    &[data-size="l"] { font-size: var(--text-xl); }
    &[data-size="xl"] { font-size: var(--text-2xl); letter-spacing: -0.01em; }
  }
}