:root {
  --primary: #242833;
  --secondary: #303642;
  --accent: #1f6f5f;
  --primary-fg: #ffffff;
  --body-bg: #f4f5f7;
  --body-fg: #20242c;
  --link-fg: #1f6f5f;
  --link-selected-fg: #174f45;
  --hairline-color: #d8dde6;
}

body {
  font-family: Inter, Arial, sans-serif;
}

#header {
  background: var(--primary);
  color: white;
}

#branding h1,
#branding h1 a,
#site-name a {
  color: white;
  font-weight: 800;
}

.module h2,
.module caption,
.inline-group h2 {
  background: var(--secondary);
}

div.breadcrumbs {
  background: #3a4150;
}

.button,
input[type=submit],
input[type=button],
.submit-row input,
a.button {
  background: var(--accent);
  border-radius: 7px;
}

.button.default,
input[type=submit].default,
.submit-row input.default {
  background: #1f6f5f;
}