body {
  --surface-1: 218 218 218; /* body */
  --surface-2: 210 210 210; /* card */
  --surface-3: 200 200 200;

  --surface-4: 100 100 100; /* on primary lighter */
  --surface-5: 75 75 75; /* on primary */
  --surface-6: 51 61 70; /* primary */

  --accent-5: 221 221 221; /* on primary sub */
  --accent-6: 255 255 255; /* on primary */

  --accent-7: 221 221 221; /* on secondary sub */
  --accent-8: 255 255 255; /* on secondary */

  --primary: 51 61 70;
  --secondary: 165 40 40;
}