@layer base {
  html,
  body,
  input,
  button,
  select,
  textarea {
    font-family: var(--font-main);
  }

  .route-page {
    color: var(--ui-text);
    line-height: var(--lh-normal, 1.45);
    font-family: var(--font-main);
    font-size: var(--fs-md, var(--text-md));
  }

  .route-page .card-title,
  .route-page .panel h3,
  .route-page .toolbar-title {
    color: var(--ui-text);
  }

  .route-page .money-col,
  #modal .money-col {
    font-family: var(--font-main);
    font-size: var(--fs-md, var(--text-md));
    font-weight: 600;
    line-height: var(--lh-tight, 1.35);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
  }

  #modal .card-value {
    font-family: var(--font-main);
    font-size: var(--fs-sm, var(--text-sm));
    font-weight: 600;
    line-height: var(--lh-tight, 1.35);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
  }
}