:root, html[data-theme="light"], html[data-theme="dark"] {
  --primary: #896caf;
  --secondary: #70508f;
  --accent: #ffffff;
  --primary-fg: #ffffff;
  --body-fg: #443b50;
  --body-bg: #faf7fd;
  --body-quiet-color: #776b83;
  --body-medium-color: #62556e;
  --body-loud-color: #372b43;
  --header-color: #ffffff;
  --header-branding-color: #ffffff;
  --header-bg: #70508f;
  --header-link-color: #ffffff;
  --breadcrumbs-bg: #8d72aa;
  --breadcrumbs-fg: #ffffff;
  --link-fg: #70508f;
  --link-hover-color: #4b315f;
  --link-selected-fg: #4b315f;
  --hairline-color: #eee6f5;
  --border-color: #e1d4eb;
  --darkened-bg: #f2ebf8;
  --selected-bg: #eee4f6;
  --selected-row: #f5effa;
  --button-bg: #896caf;
  --button-hover-bg: #70508f;
  --default-button-bg: #70508f;
  --default-button-hover-bg: #56386e;
  color-scheme: light;
}
#header { min-height: 56px; }
.module, .inline-group { border-radius: 9px; overflow: hidden; }
input, select, textarea { border-radius: 6px; }