:root {
  --aj0ef-blue: #0f5e7a;
  --aj0ef-blue-dark: #073747;
  --aj0ef-cyan: #64c7e8;
  --aj0ef-amber: #c47a24;
  --aj0ef-paper: #fffdf8;
  --aj0ef-muted: #6b7280;
}

/* Header gradient */
nav.permanentTopNav,
.permanentTopNav {
  background: linear-gradient(180deg, #fffdf8 0%, #f4f5ef 100%) !important;
  color: var(--aj0ef-text) !important;
  border-bottom: 1px solid var(--aj0ef-border) !important;
  box-shadow: 0 4px 14px rgba(7, 55, 71, 0.08) !important;
}

nav.permanentTopNav .container,
.permanentTopNav .container {
  background: transparent !important;
}

nav.permanentTopNav ul.topnav,
.permanentTopNav ul.topnav {
  background: transparent !important;
}

nav.permanentTopNav ul.topnav li,
.permanentTopNav ul.topnav li {
  background: transparent !important;
}

nav.permanentTopNav ul.topnav li a,
.permanentTopNav ul.topnav li a {
  color: var(--aj0ef-blue-dark) !important;
  text-decoration: none !important;
  font-weight: 600;
}

nav.permanentTopNav ul.topnav li a:hover,
nav.permanentTopNav ul.topnav li a:focus,
.permanentTopNav ul.topnav li a:hover,
.permanentTopNav ul.topnav li a:focus {
  color: var(--aj0ef-amber) !important;
}

/* Permanent nav search */
nav.permanentTopNav .search,
.permanentTopNav .search {
  color: var(--aj0ef-muted) !important;
}

nav.permanentTopNav .search i,
.permanentTopNav .search i {
  color: var(--aj0ef-blue) !important;
}

nav.permanentTopNav input#search,
.permanentTopNav input#search,
nav.permanentTopNav .aa-input,
.permanentTopNav .aa-input {
  background: #ffffff !important;
  color: var(--aj0ef-text) !important;
  border: 1px solid var(--aj0ef-border) !important;
  border-radius: 999px !important;
  box-shadow: inset 0 1px 2px rgba(7, 55, 71, 0.05) !important;
}

nav.permanentTopNav input#search::placeholder,
.permanentTopNav input#search::placeholder,
nav.permanentTopNav .aa-input::placeholder,
.permanentTopNav .aa-input::placeholder {
  color: var(--aj0ef-muted) !important;
  opacity: 0.82;
}

nav.permanentTopNav input#search:focus,
.permanentTopNav input#search:focus,
nav.permanentTopNav .aa-input:focus,
.permanentTopNav .aa-input:focus {
  border-color: var(--aj0ef-blue) !important;
  box-shadow:
    0 0 0 3px rgba(15, 94, 122, 0.14),
    inset 0 1px 2px rgba(7, 55, 71, 0.05) !important;
  outline: none !important;
}

/* Logo overlay */
div.logo a.logo .overlay {
  background-color: var(--aj0ef-blue) !important;
  border-color: var(--aj0ef-paper) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(7, 55, 71, 0.24) !important;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

div.logo a.logo .overlay i {
  color: inherit !important;
}

/* When hovering either the logo link or the overlay itself */
div.logo a.logo:hover .overlay,
div.logo a.logo .overlay:hover {
  background-color: var(--aj0ef-amber) !important;
  border-color: #ffffff !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}
div.logo a.logo img {
  transition:
    filter 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}

div.logo a.logo:hover img {
  filter: saturate(1.08) contrast(1.04);
  box-shadow: 0 8px 22px rgba(7, 55, 71, 0.18);
}

/* Timeline bubbles */
/*a.bubble,
.bubble {
  background-color: #d7d9d8 !important;
  background: #d7d9d8 !important;
  color: var(--aj0ef-blue) !important;
  border-color: #ffffff !important;
}

a.bubble i,
.bubble i,
a.bubble svg,
.bubble svg {
  color: inherit !important;
  fill: currentColor !important;
}*/

/* Hover: keep grey circle, warm the icon */
/*a.bubble:hover,
.bubble:hover {
  background-color: #d7d9d8 !important;
  background: #d7d9d8 !important;
  color: var(--aj0ef-amber) !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(7, 55, 71, 0.16) !important;
  transform: translateY(-1px);
}*/

/* */
a.bubble,
.bubble {
  background-color: #d7d9d8 !important;
  background: #d7d9d8 !important;
  color: var(--aj0ef-blue) !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}

a.bubble i,
.bubble i,
a.bubble svg,
.bubble svg {
  color: inherit !important;
  fill: currentColor !important;
}

a.bubble:hover,
.bubble:hover {
  background-color: #d7d9d8 !important;
  background: #d7d9d8 !important;
  color: var(--aj0ef-amber) !important;
  border-color: #ffffff !important;
  box-shadow: 0 6px 16px rgba(7, 55, 71, 0.16) !important;
  transform: translateY(-1px);
}

/* Taxonomy pills */
.article-header .categories a,
.article-header .tags a,
article .categories a,
article .tags a,
.meta .categories a,
.meta .tags a,
.categories li a,
.tags li a,
a.category,
a.tag {
  color: var(--aj0ef-blue) !important;
  background: rgba(15, 94, 122, 0.1) !important;
  border-color: rgba(15, 94, 122, 0.16) !important;
  text-decoration: none !important;
}

.article-header .categories a:hover,
.article-header .tags a:hover,
article .categories a:hover,
article .tags a:hover,
.meta .categories a:hover,
.meta .tags a:hover,
.categories li a:hover,
.tags li a:hover,
a.category:hover,
a.tag:hover {
  color: #ffffff !important;
  background: var(--aj0ef-amber) !important;
  border-color: var(--aj0ef-amber) !important;
}
/* Quote/link/status cards */

/* Optional article card polish */