CSS block preview sample

Primary Action
Input Surface
Subtle Surface

Token and spacing effects appear here.

:root {
  --color-50:  #FEF3E8;
  --color-100: #FDE0C2;
  --color-200: #FAC08A;
  --color-300: #F59A52;
  --color-400: #E8782A;
  --color-500: #C4640A; /* primary */
  --color-600: #A35208;
  --color-700: #7A3D06;
  --color-800: #522904;
  --color-900: #2E1602;
}