:root{
  /* Surfaces */
  --surface-page:var(--cream-100);
  --surface-raised:var(--cream-50);
  --surface-muted:var(--cream-200);
  --surface-sand:var(--cream-300);
  --surface-walnut:var(--walnut-500);
  --surface-espresso:var(--espresso-800);
  --surface-footer:var(--espresso-900);
  --surface-field:var(--cream-50);
  --scrim:var(--ink-a60);

  /* Text */
  --text-display:var(--espresso-800);
  --text-body:#4A423B;
  --text-muted:var(--taupe-600);
  --text-inverse:var(--cream-50);
  --text-inverse-muted:var(--light-a72);
  --text-link:var(--walnut-500);
  --text-link-hover:var(--espresso-800);

  /* Pillars */
  --pillar-praxis:var(--copper-500);
  --pillar-metabolic:var(--walnut-500);
  --pillar-aesthetics:var(--rose-500);

  /* Lines */
  --line-hairline:var(--sand-300);
  --line-strong:var(--sand-400);
  --line-inverse:var(--light-a16);
  --rule-accent:var(--taupe-500);

  /* Controls */
  --btn-primary-bg:var(--espresso-900);
  --btn-primary-fg:var(--cream-50);
  --btn-primary-bg-hover:var(--espresso-700);
  --btn-walnut-bg:var(--walnut-500);
  --btn-walnut-bg-hover:var(--walnut-600);
  --btn-outline-fg:var(--espresso-800);
  --btn-outline-border:var(--espresso-800);
  --focus-ring:var(--walnut-500);
}