html,
body {
  background-color: #faf9f7;
}

/* Keep in sync with `roles.page` in src/design-system/lightThemes.json. */
html[data-light-theme="pacific"],
html[data-light-theme="pacific"] body {
  background-color: #f6f9fb;
}

html[data-light-theme="seaglass"],
html[data-light-theme="seaglass"] body {
  background-color: #f2f9f9;
}

html[data-light-theme="sand"],
html[data-light-theme="sand"] body {
  background-color: #faf6ee;
}

html.dark,
html.dark body {
  background-color: #23232c;
}