:root{
  --surface-page:#f3f3f3;
  --surface-sheet:#ffffff;
  --surface-header:var(--grid-300);
  --surface-row:#f8f9f8;
  --surface-inverse:var(--xl-700);
  --surface-select:var(--select-fill);
  --text-strong:var(--ink-900);
  --text-body:var(--ink-600);
  --text-muted:var(--ink-400);
  --text-on-dark:#f4fbf6;
  --text-on-dark-muted:rgba(244,251,246,.72);
  --text-link:var(--xl-600);
  --text-link-hover:var(--xl-700);
  --border-subtle:var(--grid-400);
  --border-default:var(--grid-400);
  --border-strong:var(--grid-500);
  --border-accent:var(--xl-500);
  --action-primary:var(--xl-500);
  --action-primary-hover:var(--xl-600);
  --action-primary-text:#fff;
  --grid-line:var(--grid-400);
  --col-header:var(--grid-300);
}