:root{
  /* surfaces */
  --surface-page:var(--ink);
  --surface-header:var(--ink);
  --surface-panel:var(--bone);        /* light CTA panel */
  --surface-accent:var(--flame);      /* orange statement card */
  --surface-input:var(--bone);

  /* text */
  --text-primary:var(--bone);
  --text-secondary:var(--stone);
  --text-accent:var(--flame);
  --text-on-panel:var(--ink);
  --text-on-panel-secondary:var(--slate);
  --text-on-accent:var(--bone);

  /* lines */
  --border-header:var(--border-bone);
  --border-divider:var(--border-rule);
  --border-outline-card:var(--border-bone);

  /* interactive */
  --action-bg:var(--flame);
  --action-bg-hover:var(--flame-press);
  --action-fg:var(--bone);
  --action-outline-bg-hover:var(--bone);
  --action-outline-fg-hover:var(--ink);

  /* link colors — site default */
  --link:var(--bone);
  --link-hover:var(--flame);
}