/* ============================================================
   Sansoif site: the aliases its stylesheets read, onto the design
   system's tokens (sansoif/tokens.css, from docs/design-system).
   The brand's raw colours (cream, paper, paprika, olive, mustard,
   charcoal...) are tokens there, with the same values.
   ============================================================ */

:root {
  --surface-page:    var(--bg);
  --surface-card:    var(--surface);
  --text-strong:     var(--ink);
  --text-body:       var(--ink-body);
  --text-muted:      var(--ink-muted);
  --text-faint:      var(--ink-faint);
  --text-accent:     var(--ink-accent);
  --border-hairline: var(--border);
  --action-ink-hover: var(--contrast-hover);
}