/* Noqou docs shell + Scalar API reference theme (maps --noq-* → --scalar-*) */

.noq-docs-brand {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--noq-text);
  text-decoration: none;
}
.noq-docs-brand__text {
  display: flex;
  flex-direction: column;
  line-height: 1.05;
}
.noq-docs-brand__name {
  font: 700 17px/1 var(--noq-font);
  letter-spacing: -0.02em;
}
.noq-docs-brand__tag {
  font: 500 10px/1 var(--noq-font-mono);
  color: var(--noq-muted);
  letter-spacing: 0.02em;
  margin-top: 3px;
}
.noq-docs-nav {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  margin-left: 8px;
}
.noq-docs-actions {
  display: flex;
  gap: 10px;
  margin-left: auto;
  align-items: center;
  flex-wrap: wrap;
}
.noq-docs-actions .noq-btn {
  padding: 9px 15px;
  font-size: 13.5px;
}

/* Docs shell — Scalar expects body scroll + --scalar-custom-header-height when a header is present */
:root {
  --scalar-custom-header-height: var(--noq-docs-header-height);
}

.noq-docs-main {
  background: var(--noq-bg);
}

/* Scalar tokens — sourced from Noqou design system */
:root {
  --scalar-font: var(--noq-font);
  --scalar-font-code: var(--noq-font-mono);

  --scalar-background-1: var(--noq-bg);
  --scalar-background-2: var(--noq-panel);
  --scalar-background-3: var(--noq-raised);
  --scalar-background-accent: var(--noq-accent-soft);

  --scalar-color-1: var(--noq-text);
  --scalar-color-2: var(--noq-text-2);
  --scalar-color-3: var(--noq-muted);
  --scalar-color-accent: var(--noq-accent);

  --scalar-border-color: var(--noq-border);

  --scalar-button-1: var(--noq-accent);
  --scalar-button-1-color: var(--noq-accent-ink);
  --scalar-button-1-hover: var(--noq-accent-hover);

  --scalar-color-green: var(--noq-sent-text);
  --scalar-color-red: var(--noq-failed-text);
  --scalar-color-orange: var(--noq-accent);
  --scalar-color-blue: var(--noq-replied-text);

  --scalar-radius: var(--noq-radius);
  --scalar-radius-lg: var(--noq-radius-lg);

  --scalar-sidebar-background-1: var(--noq-bg);
  --scalar-sidebar-item-hover-background: rgba(255, 255, 255, 0.04);
  --scalar-sidebar-item-hover-color: var(--noq-text);
  --scalar-sidebar-item-active-background: var(--noq-accent-soft);
  --scalar-sidebar-color-1: var(--noq-text-2);
  --scalar-sidebar-color-2: var(--noq-muted);
  --scalar-sidebar-color-active: var(--noq-accent);

  --scalar-color-text: var(--noq-text);
  --scalar-color-text-secondary: var(--noq-text-2);
  --scalar-color-text-muted: var(--noq-muted);
}

/* Method badges — POST teal, PUT blue accent */
.noq-docs-main [data-method="post"],
.noq-docs-main .scalar-card .http-method-post {
  color: var(--noq-teal) !important;
  border-color: var(--noq-teal-line) !important;
  background: var(--noq-teal-soft) !important;
}

.noq-docs-main [data-method="put"],
.noq-docs-main [data-method="patch"],
.noq-docs-main .http-method-put,
.noq-docs-main .http-method-patch {
  color: var(--noq-replied-text) !important;
  border-color: var(--noq-replied-line) !important;
  background: var(--noq-replied-soft) !important;
}

.noq-docs-main [data-method="get"],
.noq-docs-main .http-method-get {
  color: var(--noq-sent-text) !important;
  border-color: var(--noq-sent-line) !important;
  background: var(--noq-sent-soft) !important;
}

.noq-docs-main [data-method="delete"],
.noq-docs-main .http-method-delete {
  color: var(--noq-failed-text) !important;
  border-color: var(--noq-failed-line) !important;
  background: var(--noq-failed-soft) !important;
}

/* Sidebar active + search */
.noq-docs-main .sidebar-heading-link.active,
.noq-docs-main .sidebar-group-item.active,
.noq-docs-main [aria-current="page"] {
  color: var(--noq-accent) !important;
}

.noq-docs-main pre,
.noq-docs-main code,
.noq-docs-main .scalar-code-block {
  font-family: var(--noq-font-mono) !important;
}

.noq-docs-main a:hover {
  color: var(--noq-accent-hover);
}

.noq-docs-main ::selection {
  background: rgba(198, 139, 89, 0.28);
}