:root {
  --primary: #6a4190;
  --secondary: #a68fc3;
  --dark: #414042;
  --medium: #bababc;
  --light: #6d6d6f;
}

body, td, th, input, textarea, select, .form-row p, form .button {
  font-family: 'Raleway', sans-serif;
}

input, textarea, select, .form-row p, form .button, .deletelink {
  font-size: 14px;
}

a, a:link, a:visited, #header a:link, div.breadcrumbs a, #header a:link, #header a:visited {
  color: var(--secondary);
  font-weight: bold;
}

#header {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.17);
  background: white;
  color: var(--light);
}

#branding h1 a:link, #branding h1 a:visited {
  color: var(--primary);
  font-weight: bold;
}

div.breadcrumbs {
  background: none;
  color: var(--dark);
}

.module caption {
  background: var(--secondary);
}

.module h2, .inline-group h2 {
  background: none;
  color: var(--dark);
  font-weight: 300;
  font-size: 18px;
}

.button, input[type=submit], input[type=button], .submit-row input, a.button, .object-tools a:link, .object-tools a:visited {
  background-color: #65b94d;
}

.button:active, input[type=submit]:active, input[type=button]:active, .button:focus, input[type=submit]:focus, input[type=button]:focus, .button:hover, input[type=submit]:hover, input[type=button]:hover, .object-tools a:focus, .object-tools a:hover {
  background-color: #4d903a;
}

.button.default, input[type=submit].default, .submit-row input.default {
  background-color: #4d903a;
}

.button.default:active, input[type=submit].default:active, .button.default:focus, input[type=submit].default:focus, .button.default:hover, input[type=submit].default:hover {
  background-color: #3a6d2c;
}

.submit-row a.deletelink {
  background: #eb6739;
}

.submit-row a.deletelink:hover {
  background: #8f1919;
}

.text-medium {
  color: var(--medium) !important;
}