body {
  --surface-1: 136 215 255; /* body */
  --surface-2: 73 184 240; /* card */
  --surface-3: 34 167 234;

  --surface-4: 0 150 225; /* on primary lighter */
  --surface-5: 0 136 204; /* on primary */
  --surface-6: 30 115 190; /* primary */

  --accent-1: 15 23 42; /* on body */
  --accent-2: 15 23 42; /* on card */
  --accent-3: 51 51 51; /* sub1 */
  --accent-4: 85 85 85; /* sub2 */

  --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: 30 115 190;
  --secondary: 0 0 0;
}