/* TensorCash light palette for Scalar's documented public theme variables.
   Scalar remains MIT licensed; see LICENSE.scalar. */
:root,
body.light-mode,
.scalar-app.light-mode,
.scalar-app .light-mode,
.scalar-app .dark-mode {
  color-scheme: light;
  --tc-text-muted: #68635C;
  --tc-link: #4F684C;
  --tc-ok: #1B7046;
  --scalar-background-1: var(--tc-bg);
  --scalar-background-2: var(--tc-bg-quiet);
  --scalar-background-3: var(--tc-border);
  --scalar-background-4: var(--tc-border-strong);
  --scalar-background-card: var(--tc-surface);
  --scalar-background-accent: var(--tc-accent-soft);
  --scalar-background-alert: var(--tc-pending-soft);
  --scalar-background-danger: var(--tc-oxide-soft);
  --scalar-color-1: var(--tc-text-strong);
  --scalar-color-2: var(--tc-text);
  --scalar-color-3: var(--tc-text-muted);
  --scalar-color-accent: var(--tc-link);
  --scalar-color-disabled: var(--tc-text-muted);
  --scalar-color-ghost: var(--tc-text-muted);
  --scalar-color-alert: var(--tc-text);
  --scalar-color-danger: var(--tc-oxide);
  --scalar-border-color: var(--tc-border);
  --scalar-button-1: var(--tc-button-bg);
  --scalar-button-1-hover: var(--tc-ink-soft);
  --scalar-button-1-color: var(--tc-button-text);
  --scalar-link-color: var(--tc-link);
  --scalar-link-color-hover: var(--tc-text-strong);
  --scalar-link-color-visited: var(--tc-link);
  --scalar-focus-color: var(--tc-sage-deep);
  --scalar-sidebar-background-1: var(--tc-surface);
  --scalar-sidebar-color-1: var(--tc-text-strong);
  --scalar-sidebar-color-2: var(--tc-text);
  --scalar-sidebar-border-color: var(--tc-border);
  --scalar-sidebar-item-hover-background: var(--tc-bg-quiet);
  --scalar-sidebar-item-hover-color: var(--tc-text-strong);
  --scalar-sidebar-item-active-background: var(--tc-accent-soft);
  --scalar-sidebar-color-active: var(--tc-text-strong);
  --scalar-sidebar-indent-border: var(--tc-border-strong);
  --scalar-sidebar-indent-border-hover: var(--tc-text-muted);
  --scalar-sidebar-indent-border-active: var(--tc-sage-deep);
  --scalar-sidebar-search-background: var(--tc-bg-quiet);
  --scalar-sidebar-search-color: var(--tc-text-muted);
  --scalar-sidebar-search-border-color: var(--tc-border-strong);
  --scalar-color-green: var(--tc-ok);
  --scalar-color-red: var(--tc-oxide);
  --scalar-color-yellow: var(--tc-text);
  --scalar-color-blue: var(--tc-link);
  --scalar-color-orange: var(--tc-oxide);
  --scalar-color-purple: var(--tc-charcoal);
  --scalar-color-query: var(--tc-link);
  --scalar-font: var(--tc-font-sans);
  --scalar-font-code: var(--tc-font-mono);
  --scalar-font-size-1: 15px;
  --scalar-font-size-2: 14px;
  --scalar-font-size-3: 13px;
  --scalar-font-size-4: 12px;
  --scalar-small: 13px;
  --scalar-mini: 12px;
  --scalar-micro: 11px;
  --scalar-custom-header-height: 72px;
  --scalar-radius: 6px;
  --scalar-radius-max: 12px;
  --scalar-tooltip-background: var(--tc-charcoal);
  --scalar-tooltip-color: var(--tc-eggshell);
  --scalar-shadow-1: none;
  --scalar-shadow-2: 0 8px 28px rgba(31, 30, 28, .12);
}
html { background: var(--tc-bg); }
body { margin: 0; background: var(--tc-bg); color: var(--tc-text); font-family: var(--tc-font-sans); font-size: 15px; }
.doc-brand-header {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  height: 72px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 24px;
  border-bottom: 1px solid var(--tc-border);
  background: var(--tc-bg);
}
.doc-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--tc-text-strong); }
.doc-brand img { display: block; }
.doc-brand > span { border-left: 1px solid var(--tc-border-strong); padding-left: 12px; font-size: 12px; color: var(--tc-text-muted); }
.doc-header-title { color: var(--tc-text-strong); font-size: 15px; font-weight: 500; }
.doc-back { color: var(--tc-link); text-decoration: none; font-size: 13px; }
.doc-back:hover { color: var(--tc-link-hover); text-decoration: underline; }
.doc-brand-header a:focus-visible { outline: 2px solid var(--tc-sage-deep); outline-offset: 4px; }
input::placeholder, textarea::placeholder { color: var(--tc-text-muted); opacity: 1; }
@media (max-width: 600px) {
  .doc-brand-header { padding: 0 16px; gap: 12px; height: 64px; }
  .doc-brand > span { display: none; }
  .doc-header-title { font-size: 13px; }
  .doc-back { font-size: 12px; }
  :root { --scalar-custom-header-height: 64px; }
}

/* Scalar's client close icon uses white over a translucent circle by default;
   give it an opaque light surface and the same charcoal ink as the document. */
body.light-mode .scalar-client .app-exit-button {
  color: var(--tc-text-strong);
  background: var(--tc-surface);
  border: 1px solid var(--tc-border-strong);
}
body.light-mode .scalar-client .app-exit-button:hover {
  color: var(--tc-text-strong);
  background: var(--tc-bg-quiet);
}
body.light-mode .scalar-client .app-exit-button:focus-visible {
  outline: 2px solid var(--tc-sage-deep);
  outline-offset: 2px;
}
/* Request-table placeholders are generated pseudo-elements, rather than native
   input placeholders. Keep their ink readable independently of syntax styling. */
body.light-mode .scalar-client .code-input-lite--empty .code-input-lite__editor:not(:focus)::before {
  color: var(--tc-text);
  opacity: 1;
}
body.light-mode .scalar-client :is(input:not([type="checkbox"]):not([type="radio"]):disabled, textarea:disabled, [role="combobox"][aria-disabled="true"]) {
  color: var(--tc-text-muted);
  background: var(--tc-bg-quiet);
  opacity: 1;
  cursor: not-allowed;
}