:root {
  --primary: #5B2A86;
  --secondary: #360568;
  --accent: #9AC6C5;
  --primary-fg: #fff;

  --body-fg: #1a1025;
  --body-bg: #F8F7FF;
  --body-quiet-color: #6b5f7a;
  --body-loud-color: #1a1025;

  --header-color: #E8D5F5;
  --header-branding-color: #9AC6C5;
  --header-bg: #360568;
  --header-link-color: #E8D5F5;

  --breadcrumbs-fg: #E8D5F5;
  --breadcrumbs-link-fg: #E8D5F5;
  --breadcrumbs-bg: #5B2A86;

  --link-fg: #5B2A86;
  --link-hover-color: #360568;
  --link-selected-fg: #5B2A86;

  --hairline-color: #e0dce8;
  --border-color: #d0c8e0;

  --darkened-bg: #f0eef8;
  --selected-bg: #ede8f5;
  --selected-row: #f5f2fb;

  --button-fg: #fff;
  --button-bg: #5B2A86;
  --button-hover-bg: #4A1870;
  --default-button-bg: #360568;
  --default-button-hover-bg: #4A1870;

  --close-button-bg: #7785AC;
  --close-button-hover-bg: #5B2A86;

  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;
}

#header {
  background: #360568;
  color: #E8D5F5;
}

#header a:link,
#header a:visited {
  color: #E8D5F5;
}

#header #branding h1,
#header #branding h1 a:link,
#header #branding h1 a:visited {
  color: #9AC6C5;
  font-weight: 700;
  letter-spacing: -0.01em;
}

#user-tools a {
  color: #9B7DC0;
}

#user-tools a:hover {
  color: #E8D5F5;
}

div.breadcrumbs {
  background: #5B2A86;
  color: #E8D5F5;
}

div.breadcrumbs a {
  color: #9AC6C5;
}

.module caption,
.inline-group h2 {
  background: #5B2A86;
  color: #E8D5F5;
}

.module h2,
.module .section-title {
  background: #5B2A86;
  color: #E8D5F5;
}

a:link, a:visited {
  color: #5B2A86;
}

a:hover {
  color: #360568;
}

.submit-row {
  background: #f0eef8;
  border-top: 1px solid #d0c8e0;
}

input[type=submit],
input[type=button],
.button,
a.button {
  background: #5B2A86;
  color: #fff;
  border-radius: 6px;
}

input[type=submit]:hover,
input[type=button]:hover,
.button:hover,
a.button:hover {
  background: #4A1870;
}

.default {
  background: #360568;
}

.default:hover {
  background: #4A1870;
}

#nav-sidebar {
  background: #F8F7FF;
  border-right: 1px solid #e0dce8;
}

#nav-sidebar .current-app .module__name,
#nav-sidebar .current-app .module__name:hover {
  color: #360568;
  font-weight: 600;
}

#nav-sidebar a:link,
#nav-sidebar a:visited {
  color: #5B2A86;
}

#nav-sidebar a:hover {
  color: #360568;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
}