body {
  --surface-1: 227 227 227; /* body */
  --surface-2: 220 220 220; /* card */
  --surface-3: 211 211 211;

  --surface-4: 190 190 190; /* on primary lighter */
  --surface-5: 200 200 200; /* on primary */
  --surface-6: 208 209 216; /* primary */

  --accent-5: 75 75 75; /* on primary sub */
  --accent-6: 15 15 15; /* on primary */

  --accent-7: 221 221 221; /* on secondary sub */
  --accent-8: 255 255 255; /* on secondary */

  --primary: 208 209 216;
  --secondary: 15 128 203;
}