/* Semantic aliases — prefer these in components. */
:root{
  --text-body:var(--text-2);
  --text-heading:var(--text);
  --text-meta:var(--text-3);
  --text-link:var(--brand);

  --surface-page:var(--bg);
  --surface-alt:var(--surface);
  --surface-card:var(--card);
  --surface-inset:var(--surface);

  --border-default:var(--border);
  --border-hover:var(--border-strong);

  --action-bg:var(--brand);
  --action-fg:var(--on-brand);
  --action-bg-hover:var(--brand-hover);
  --action-bg-active:var(--brand-active);

  --status-up:var(--positive);
  --status-attention:var(--warning);
  --status-down:var(--problem);
}

a{color:var(--text-link);text-decoration:none}
a:hover{color:var(--brand-hover);text-decoration:underline;text-underline-offset:3px}