/* OLS semantic aliases. Use these in components, not raw palette values. */
:root{
  /* text */
  --text-strong: var(--ols-charcoal);
  --text-default: var(--ols-charcoal);
  --text-muted: var(--ols-charcoal-64);
  --text-faint: var(--ols-charcoal-44);
  --text-inverse: var(--ols-white);
  --text-price: var(--ols-green-dark);      /* one of only two dark-green uses */
  --text-on-soft: var(--ols-charcoal);

  /* surfaces */
  --surface-page: var(--ols-white);
  --surface-card: var(--ols-white);
  --surface-sunken: var(--ols-charcoal-03);
  --surface-soft: var(--ols-green-soft);
  --surface-soft-tint: var(--ols-green-soft-40);
  --surface-ink: var(--ols-charcoal);
  --surface-accent: var(--ols-green-dark);  /* primary action only */
  --surface-sheet: var(--ols-white);

  /* lines */
  --line-hairline: var(--ols-charcoal-12);
  --line-strong: var(--ols-charcoal-24);

  /* interactive */
  --action-primary-bg: var(--ols-green-dark);
  --action-primary-fg: var(--ols-white);
  --action-primary-bg-press: var(--ols-green-dark-press);
  --action-secondary-bg: var(--ols-charcoal);
  --action-secondary-fg: var(--ols-white);
  --action-ghost-fg: var(--ols-charcoal);
  --action-ghost-line: var(--ols-charcoal-24);
  --action-disabled-bg: var(--ols-charcoal-12);
  --action-disabled-fg: var(--ols-charcoal-44);

  /* nutrition */
  --nutrition-cal-fg: var(--ols-charcoal);
  --nutrition-protein-fg: var(--ols-green-dark);
  --nutrition-unit-fg: var(--ols-charcoal-44);
  --allergen-bg: var(--ols-charcoal-06);
  --allergen-fg: var(--ols-charcoal-64);
}