/* Buttons: Primary, Secondary */

.button--primary {   
  font-size: 16px;
  background-color: #51B5CF;
  padding: 10px 20px;  
}

.button--primary:hover {
  color: #ffffff;
  background-color: #59BDD7;
}

.button--secondary {
    background-color: #F3FBFF;
    color: #51B5CF;
}

.button--secondary:is(:hover, :active, :focus-visible) {
    background-color: #E9F8FF;
}


/* Links */
a:hover{
  color: #51B5CF;
}

.header-site-branding a:hover {
  color: #4c657c;
  text-decoration: none;
}

.header-links a:hover {
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: none;
}

.footer a:hover {
   color: #FFFFFFD9;
   text-decoration: none;
}


/* Table of contents + Icon Arrow*/
.toc.sticky .toc-list .toc-link[aria-current=true]{
   color: #51B5CF;
   background-color: #F3FBFF;
}

.toc.sticky .toc-list .toc-link:not([aria-current]):is(:hover,:focus-visible) {
   text-decoration: none;
}

.tree .tree-action:hover {
  background-color: #F3FBFF38;
}

.tree .tree-item-header>a:hover {
  color: currentColor;
}


/* Pagination */
.page-pagination-icon {
   background-color: #F3FBFF;
}

.page-pagination-item:has(a:is(:hover,:focus-visible)) .page-pagination-title {
  color: #51B5CF;
  text-decoration: none;
}

.page-pagination-item:has(a: active) .page-pagination-icon{
   background-color: #F3FBFF;
}


/* Design Tokens */
:root {
  --K15t-link: #51B5CF;
  --K15t-link-visited: #2E849A;
  --_foreground-color-selected: #51B5CF;
  --_background-color-selected: #F3FBFF;
  --K15t-background-brand: #51B5CF;
  --theme-on-primary-color: #FFFFFF;
  --K15t-background-neutral-subtle-hovered: #F3FBFF;
  --K15t-border-brand-hovered: #51B5CF;
  --K15t-foreground-subtle: #4C657C;
  --K15t-border-input-selected: #51B5CF;
}