/* Semantic aliases. Product code should reference these, not the base scales. */
:root {
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-400);
  --text-inverse: var(--paper);
  --text-inverse-muted: var(--ink-300);
  --text-on-accent: var(--ink-900);
  --text-link: var(--ink-900);
  --text-link-hover: var(--lime-600);
  --text-danger: var(--danger-600);
  --text-success: var(--success-600);

  --surface-page: var(--paper);
  --surface-card: var(--paper-raised);
  --surface-sunken: var(--paper-sunken);
  --surface-inverse: var(--ink-900);
  --surface-inverse-raised: var(--ink-800);
  --surface-accent: var(--lime-500);
  --surface-accent-soft: var(--lime-100);
  --surface-hover: var(--ink-050);
  --surface-active: var(--ink-100);
  --surface-code: var(--ink-900);
  --surface-overlay: var(--veil);

  --border-subtle: var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong: var(--ink-900);
  --border-accent: var(--lime-600);
  --border-inverse: rgba(250, 249, 246, 0.14);

  --control-height-sm: 28px;
  --control-height-md: 36px;
  --control-height-lg: 44px;
  --control-padding-x: var(--space-3);
  --control-radius: var(--radius-sm);
}