/* replace inline css for alvin/templates/admin/base_site.html */
:root {
  --primary-color: #391089;
  --primary-color-faded: #210553;
  --secondary-color: #47d5aa;
  --primary-button-color-text: #f9f9f9;

  /* BEGIN from admin/css/base/css */
  --primary: #79aec8;
  --secondary: #417690;
  --accent: #f5dd5d;
  --primary-fg: #fff;

  --body-fg: #333;
  --body-bg: #fff;
  --body-quiet-color: #666;
  --body-loud-color: #000;

  --header-color: #ffc;
  --header-branding-color: var(--accent);
  --header-bg: var(--secondary);
  --header-link-color: var(--primary-fg);

  --breadcrumbs-fg: #c4dce8;
  --breadcrumbs-link-fg: var(--body-bg);
  --breadcrumbs-bg: var(--primary);

  --link-fg: #447e9b;
  --link-hover-color: #036;
  --link-selected-fg: #5b80b2;

  --hairline-color: #e8e8e8;
  --border-color: #ccc;

  --error-fg: #ba2121;

  --message-success-bg: #dfd;
  --message-warning-bg: #ffc;
  --message-error-bg: #ffefef;

  --darkened-bg: #f8f8f8; /* A bit darker than --body-bg */
  --selected-bg: #e4e4e4; /* E.g. selected table cells */
  --selected-row: #ffc;

  --button-fg: #fff;
  --button-bg: var(--primary);
  --button-hover-bg: #609ab6;
  --default-button-bg: var(--secondary);
  --default-button-hover-bg: #205067;
  --close-button-bg: #888; /* Previously #bbb, contrast 1.92 */
  --close-button-hover-bg: #747474;
  --delete-button-bg: #ba2121;
  --delete-button-hover-bg: #a41515;

  --object-tools-fg: var(--button-fg);
  --object-tools-bg: var(--close-button-bg);
  --object-tools-hover-bg: var(--close-button-hover-bg);
  /* END from admin/css/base/css */
}

#branding h1,
#branding h1 a:link,
#branding h1 a:visited {
  color: ghostwhite;
}

::selection {
  background: var(--secondary-color);
  color: var(--primary-color);
  opacity: 1;
}

::-moz-selection {
  background: var(--secondary-color);
  color: var(--primary-color);
  opacity: 1;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

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

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

div.breadcrumbs {
  background: var(--primary-color-faded);
}

a:link,
a:visited {
  color: var(--primary-color-faded);
}

.selector-chosen h2 {
  background: var(--primary-color-faded) !important;
}

.button,
input[type="submit"],
input[type="button"],
.submit-row input,
a.button {
  color: var(--primary-button-color-text);
  background: var(--primary-color-faded);
}

.button.default,
input[type="submit"].default,
.submit-row input.default {
  background: var(--primary-color);
}

.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 {
  background: var(--primary-color-faded);
  opacity: 0.8;
}

.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: var(--primary-color);
  opacity: 0.8;
}

.branding img {
  height: 50px;
}