@font-face {
    font-family: "URW Gothic L Demi";
    src: url("../../fonts/urw_gothic_l_demi.ttf") format("truetype");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Nunito";
    src: url("../../fonts/Nunito-VariableFont_wght.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 900;
    font-display: swap;
}

@font-face {
    font-family: "Nunito";
    src: url("../../fonts/Nunito-Italic-VariableFont_wght.ttf") format("truetype");
    font-style: italic;
    font-weight: 200 900;
    font-display: swap;
}

.kb-docs-wrap {
    --kb-primary: #00a7e6;
    --kb-primary-soft: #33b9eb;
    --kb-primary-shade: #0086b8;
    --kb-ob-accent: #f59c00;
    --kb-slate: #343537;
    --kb-bg: #f5fbfe;
    --kb-surface: #ffffff;
    --kb-surface-muted: #f5fbfe;
    --kb-text: #343537;
    --kb-muted: rgba(52, 53, 55, 0.72);
    --kb-border: rgba(52, 53, 55, 0.15);
    --kb-accent: var(--kb-primary);
    --kb-accent-soft: rgba(0, 167, 230, 0.1);
    --kb-radius: 14px;
    --kb-shadow: 0 18px 40px rgba(52, 53, 55, 0.11);
    --kb-font-body: "Nunito", "Segoe UI", Arial, sans-serif;
    --kb-font-heading: "Nunito", "Segoe UI", Arial, sans-serif;
    --kb-font-strong: "URW Gothic L Demi", "Nunito", "Segoe UI", Arial, sans-serif;
    font-family: var(--kb-font-body);
    line-height: 1.58;
}

.kb-docs-wrap a:focus,
.kb-docs-wrap button:focus,
.kb-docs-wrap input:focus,
.kb-docs-wrap select:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 167, 230, 0.32);
}

.kb-docs-wrap h1,
.kb-docs-wrap h2,
.kb-docs-wrap h3,
.kb-docs-wrap h4 {
    font-family: var(--kb-font-heading);
    color: var(--kb-text);
}

.kb-doc-header h1 {
    font-family: var(--kb-font-strong);
    font-weight: 600;
    letter-spacing: 0;
}

.kb-product-card,
.kb-home-card,
.kb-search,
.kb-doc-content,
.kb-docs-version,
.kb-app-sidebar {
    border-radius: var(--kb-radius);
    border-color: var(--kb-border);
    box-shadow: var(--kb-shadow);
}

.kb-app-sidebar {
    background: rgba(255, 255, 255, 0.96);
}

.kb-app-sidebar__brand a {
    font-family: var(--kb-font-strong);
    color: var(--kb-text);
}

.kb-app-product__link,
.kb-app-page-list a {
    border-radius: 11px;
}

.kb-app-product__link:hover,
.kb-app-page-list a:hover,
.kb-app-product.is-active > .kb-app-product__link,
.kb-app-page-list li.is-active > a {
    background: rgba(0, 167, 230, 0.12);
    color: var(--kb-primary-shade);
}

.kb-product-card h2 a {
    color: var(--kb-text);
    text-decoration: none;
}

.kb-product-card h2 a:hover {
    color: var(--kb-primary);
}

.kb-sidebar {
    border-right-color: var(--kb-border);
}

.kb-version-switcher select,
.kb-sidebar select {
    border-radius: 11px;
    font-family: var(--kb-font-body);
}

.kb-sidebar-nav a,
.kb-sidebar-nav span {
    border-radius: 11px;
}

.kb-sidebar-nav a:hover {
    background: rgba(0, 167, 230, 0.12);
    color: var(--kb-primary-shade);
}

.kb-breadcrumbs {
    color: var(--kb-muted);
}

.kb-rendered-content p,
.kb-rendered-content li {
    font-size: 17px;
}

.kb-rendered-content h2 {
    font-size: clamp(26px, 3vw, 32px);
    line-height: 1.12;
    font-weight: 700;
}

.kb-rendered-content h3 {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 700;
}

.kb-rendered-content a {
    color: var(--kb-primary-shade);
}

.kb-rendered-content pre {
    background: #eef3f6;
    color: var(--kb-text);
    border: 1px solid var(--kb-border);
}

.kb-admonition {
    border-left-color: var(--kb-primary);
    background: rgba(0, 167, 230, 0.1);
}

.kb-current-version {
    color: var(--kb-primary-shade);
}

.kb-search button {
    border-radius: 12px;
    background: linear-gradient(132deg, var(--kb-primary) 0%, var(--kb-primary-soft) 100%);
    font-family: var(--kb-font-strong);
    font-weight: 600;
}

.kb-search button:hover {
    filter: brightness(1.06);
}
