/* Cassiopeia: colours inspired by the legacy archive website.
   Menu placement is configured in the module: sidebar-left. */
:root {
  --body-bg: #ead8b6;
  --body-bg-rgb: 234, 216, 182;
  --body-color: #29251e;
  --body-color-rgb: 41, 37, 30;
  --link-color: #006699;
  --link-color-rgb: 0, 102, 153;
  --link-hover-color: #004d73;
  --cassiopeia-color-primary: #735735;
  --cassiopeia-color-link: #006699;
  --cassiopeia-color-hover: #004d73;
}
body { background-color: #ead8b6; color: #29251e; }
.container-header {
  background-color: #735735;
  background-image: linear-gradient(110deg, #715333, #947448);
}
.container-header .navbar-brand,
.container-header .navbar-brand a,
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span { color: #fffaf0; }
.container-component {
  background-color: #fff8e9;
  padding: 1rem;
  border: 1px solid #d0ba93;
}
.container-sidebar-left .card,
.container-sidebar-right .card {
  background-color: #f5ecd8;
  border-color: #c8b18b;
}
.container-sidebar-left .card-header,
.container-sidebar-right .card-header {
  background-color: #e3d3af;
  color: #46633b;
  border-bottom-color: #c8b18b;
}
.breadcrumb { background-color: #f1e6ce; }
.container-component a,
.container-sidebar-left a,
.container-sidebar-right a { color: #006699; }
.container-component a:hover,
.container-sidebar-left a:hover,
.container-sidebar-right a:hover { color: #004d73; }
.container-sidebar-left .mod-menu a:focus-visible,
.container-sidebar-right .mod-menu a:focus-visible {
  outline: 2px solid #006699;
  outline-offset: 3px;
}
.footer { background-color: #735735; background-image: none; color: #fffaf0; }
.footer a { color: #fffaf0; }