/* Shared Scalar theme for the MEMORISE API references.
   Greige palette + Montserrat to match the mkdocs site. !important on the custom
   properties beats Scalar's runtime-injected theme (light DOM, no shadow root). */

html, body { margin: 0; padding: 0; }

/* Fonts + shared tokens (both modes). */
.light-mode, .dark-mode {
  --scalar-font: "Montserrat", ui-sans-serif, system-ui, sans-serif !important;
  --scalar-font-code: "Roboto Mono", ui-monospace, SFMono-Regular, monospace !important;
  --scalar-radius: 8px !important;
  --scalar-radius-lg: 10px !important;
  --scalar-color-green:  #5E7355 !important; /* GET    */
  --scalar-color-blue:   #4F6276 !important; /* POST   */
  --scalar-color-red:    #9C5B4F !important; /* DELETE */
  --scalar-color-orange: #A8895B !important; /* PUT    */
  --scalar-color-yellow: #A8895B !important; /* PATCH  */
  --scalar-color-purple: #6B5D8A !important;
}

/* Light = parchment, like the mkdocs default scheme. */
.light-mode {
  --scalar-background-1: #FAF8F4 !important;
  --scalar-background-2: #F2EFE9 !important;
  --scalar-background-3: #EAE5DB !important;
  --scalar-background-accent: #EFE7D7 !important;
  --scalar-color-1: #2A2823 !important;
  --scalar-color-2: #4A463E !important;
  --scalar-color-3: #6B6457 !important;
  --scalar-color-accent: #8A6F3F !important;
  --scalar-border-color: #E0D8C9 !important;
  --scalar-button-1: #6B6457 !important;
  --scalar-button-1-color: #ffffff !important;
  --scalar-button-1-hover: #534E44 !important;
  --scalar-sidebar-background-1: #F2EFE9 !important;
  --scalar-sidebar-color-1: #2A2823 !important;
  --scalar-sidebar-color-2: #6B6457 !important;
  --scalar-sidebar-border-color: #E0D8C9 !important;
  --scalar-sidebar-item-hover-background: #EAE5DB !important;
  --scalar-sidebar-item-hover-color: #2A2823 !important;
  --scalar-sidebar-item-active-background: #E3DAC8 !important;
  --scalar-sidebar-color-active: #6B5D45 !important;
  --scalar-sidebar-search-background: #FAF8F4 !important;
  --scalar-sidebar-search-border-color: #E0D8C9 !important;
  --scalar-sidebar-search-color: #6B6457 !important;
}

/* Dark = charcoal-brown, like the mkdocs slate scheme. */
.dark-mode {
  --scalar-background-1: #1C1B18 !important;
  --scalar-background-2: #26241F !important;
  --scalar-background-3: #302D27 !important;
  --scalar-background-accent: #322E27 !important;
  --scalar-color-1: #E8E4DC !important;
  --scalar-color-2: #CFC8BB !important;
  --scalar-color-3: #A89F8E !important;
  --scalar-color-accent: #CDB78C !important;
  --scalar-border-color: #3A372F !important;
  --scalar-button-1: #8A8273 !important;
  --scalar-button-1-color: #1C1B18 !important;
  --scalar-button-1-hover: #9C9384 !important;
  --scalar-sidebar-background-1: #201E1A !important;
  --scalar-sidebar-color-1: #E8E4DC !important;
  --scalar-sidebar-color-2: #A89F8E !important;
  --scalar-sidebar-border-color: #3A372F !important;
  --scalar-sidebar-item-hover-background: #2A2823 !important;
  --scalar-sidebar-item-hover-color: #E8E4DC !important;
  --scalar-sidebar-item-active-background: #322E27 !important;
  --scalar-sidebar-color-active: #CDB78C !important;
  --scalar-sidebar-search-background: #201E1A !important;
  --scalar-sidebar-search-border-color: #3A372F !important;
  --scalar-sidebar-search-color: #A89F8E !important;
}

/* Scalar forces dark-mode on the request example card; keep it light in the light theme. */
.light-mode .request-card.dark-mode {
  --scalar-background-1: #F4F1EB !important;
  --scalar-background-2: #F4F1EB !important;
  --scalar-background-3: #EAE5DB !important;
  --scalar-color-1: #2A2823 !important;
  --scalar-color-2: #4A463E !important;
  --scalar-color-3: #6B6457 !important;
  --scalar-border-color: #E0D8C9 !important;
}

/* Emphasise HTTP method (GET/POST) so it reads first and pops.
   Sidebar method label = .sidebar-heading-type ; operation header badge = .endpoint-method. */
.sidebar-heading-type {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;   /* center the method text in the square */
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
  font-size: .58rem !important;
  opacity: 1 !important;
  min-width: 42px !important;
  text-align: center !important;
  padding: 2px 5px !important;
  border-radius: 5px !important;
  border: 1px solid transparent !important;
  margin-right: 7px !important;
  color: #fff !important;               /* negative: white label on a filled badge */
}
/* Filled badge per method (border + fill share the method color). */
.sidebar-heading-type--get    { background: #5E7355 !important; border-color: #5E7355 !important; }
.sidebar-heading-type--post   { background: #4F6276 !important; border-color: #4F6276 !important; }
.sidebar-heading-type--put    { background: #A8895B !important; border-color: #A8895B !important; }
.sidebar-heading-type--patch  { background: #A8895B !important; border-color: #A8895B !important; }
.sidebar-heading-type--delete { background: #9C5B4F !important; border-color: #9C5B4F !important; }
.sidebar-heading-type--head,
.sidebar-heading-type--options { background: #6B5D8A !important; border-color: #6B5D8A !important; }

.endpoint-method,
.request-method {
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
}

/* Hide Scalar branding and the MCP-server promo (real classes from the bundle). */
a[href*="scalar.com"],
.scalar-api-reference .scalar-powered-by,
[class*="powered-by"],
[class*="powered_by"],
.references-rendered .scalar-card-footer a[href*="scalar"],
.scalar-mcp-layer,
.scalar-mcp-layer-link,
.mcp-logo,
.mcp-nav,
[class*="mcp" i] {
  display: none !important;
}