:root{
  --bg:#dfdedb;
  --surface:#d3d2ce;
  --ink:#26251e;
  --muted:#5f5d55;
  --accent:#2456d6;
  --accent-ink:#ffffff;
  --field-dark:#26251e;
  --on-dark:#dfdedb;
  --band-1:#2456d6; --band-1-ink:#ffffff;
  --band-2:#26251e; --band-2-ink:#dfdedb;
  --band-3:#bccaea; --band-3-ink:#26251e;
  --band-4:#c9c7c0; --band-4-ink:#26251e;
  --band-5:#efede8; --band-5-ink:#26251e;
  --confirm:#ffe066;
  --step-small:clamp(0.8125rem,0.79rem + 0.1vw,0.875rem);
  --step-body:clamp(1.0625rem,1rem + 0.25vw,1.1875rem);
  --step-lead:clamp(1.25rem,1.1rem + 0.7vw,1.625rem);
  --step-head:clamp(2.5rem,1.2rem + 5vw,5.5rem);
  --step-display:clamp(3.25rem,1rem + 11vw,12.5rem);
  --margin:clamp(16px,2.2vw,32px);
  --radius:4px;
  --ease:cubic-bezier(.2,.7,.1,1);
}