CSS block preview sample

Primary Action
Input Surface
Subtle Surface

Token and spacing effects appear here.

:root {
  --gray-50:  #FAFAF8;
  --gray-100: #F2F1EE;
  --gray-200: #E4E2DC;
  --gray-300: #D0CCC4;
  --gray-400: #B0AB A4;
  --gray-500: #8A8680;
  --gray-600: #6A6660;
  --gray-700: #4A4844;
  --gray-800: #2E2C2A;
  --gray-900: #1C1A17;
}