.colors {
  color: oklch(0.984 0.003 247.858)/*slate-50*/;
  color: oklch(0.968 0.007 247.896)/*slate-100*/;
  color: oklch(0.869 0.022 252.894)/*slate-300*/;
  color: oklch(0.704 0.04 256.788)/*slate-400*/;
  color: oklch(0.446 0.043 257.281)/*slate-600*/;
  color: oklch(0.372 0.044 257.287)/*slate-700*/;
  color: oklch(0.279 0.041 260.031)/*slate-800*/;
}


/* Base typography improvements */
body, p, li {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

a {
  color: #0A3E5C!important
}

a:hover {
  color: #64748B!important;
  cursor: pointer!important;
}

input::placeholder {
  color: oklch(0.704 0.04 256.788); /*slate-400*/;
}

.uneditable-input, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=tel], input[type=color], input[type=search], select, textarea {
  color: #0A3E5C;
  border: none;
  box-shadow: none;
}

input[type=text]:focus {
  border-color: oklch(0.869 0.022 252.894);/*slate-300*/;
  box-shadow: none;
}

/* Specific blocks */

#docsSearch {
  background: rgb(208, 238, 214);
  border: none;
  margin-bottom: 5em;
  padding: 5em 0;
}

.brand {
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

#main-content {
  background: none;
}

.navbar .nav {
  bottom: 10px;
}

.navbar .nav .active .caret {
  bottom: -10px;
}

#searchBar button {
  background: oklch(0.398 0.07 227.392) /*cyan-900*/;
  border-color: oklch(0.446 0.043 257.281) /*slate-600*/;
  color:oklch(0.91 0.096 180.426);/*teal-200*/;
}

#searchBar button:hover {
  background: oklch(0.372 0.044 257.287) /*slate-700*/;
  border-color: oklch(0.372 0.044 257.287) /*slate-700*/;
}

.collection-category h2 a {
  color: #0A3E5C;
  font-weight: 500;
  font-size: 30px;
}

.contentWrapper {
  border: none;
}

.contentWrapper h1 {
  font-weight: 500;
  margin-bottom: 2em;
}

.collection-category h2 {
    text-align: center;
    font-weight: 600;
    margin: 0 0 56px;
    padding-left: .65%;
}

footer p {
  color: #0A3E5C;
}

.icon-article-doc:before {
  color: oklch(0.446 0.043 257.281) /*slate-600*/;
}

/* Top navigation */
.navbar .nav li:hover {

}

/*Dropdown*/

#serp-dd {
  box-shadow: 0px 12px 16px 0px hsla(213, 10%, 79%, 0.2);
  border:none;
}

#serp-dd .result>li.active {
  background: oklch(0.968 0.007 247.896);/*slate-100*/;
}

#serp-dd .result a:hover {
  background: oklch(0.968 0.007 247.896);/*slate-100*/;
}


/*Category list*/

.category-list .category {
  border-color: oklch(0.869 0.022 252.894);/*slate-300*/;
  border-radius: 4px;
}

.category-list .category:hover {
  background-color: oklch(0.984 0.003 247.858);/*slate-50*/;
}

.category-list h3 {
  color: #0A3E5C;
  font-weight: 500;
}

.category-list .category .article-count {
  color: oklch(0.704 0.04 256.788)/*slate-400*/;
}

/*Sidebar*/

#sidebar {
    margin: 5em 0 0 0;
    background: oklch(0.984 0.003 247.858)/*slate-50*/;
    padding: 16px;
    border-radius: 8px;
}


/*Article list*/

.articleList li {
  border-bottom: 1px solid oklch(0.968 0.007 247.896);/*slate-100*/;
  padding-bottom: 20px;
}