/* Shared V6 light theme for the manual and API reference. */
:root {
  --accent: #0052ff !important;
  --bg: #ffffff !important;
  --bg2: #f8faff !important;
  --surface: #eef4ff !important;
  --border: #e4eaf2 !important;
}

html,body { overflow-x: hidden; }
body { background: #f7f9fc !important; color: #344054 !important; }
#topbar { background: rgba(255,255,255,.9) !important; border-bottom-color: #e4eaf2 !important; box-shadow: 0 8px 30px -24px rgba(31,73,151,.35); }
#sidebar { background: linear-gradient(180deg,#f8faff,#f3f7ff) !important; border-right-color: #e4eaf2 !important; }
#sidebar::-webkit-scrollbar-thumb { background: #c9d7ee !important; }
.nav-section-label { color: #667085 !important; }
.nav-link { color: #475467 !important; }
.nav-link:hover { background: rgba(0,82,255,.06) !important; color: #101828 !important; }
.nav-link.active { background: rgba(0,82,255,.09) !important; color: #0052ff !important; box-shadow: inset 3px 0 0 #0052ff !important; }
.doc-h1,.doc-h2 { color: #101828 !important; }
.doc-h3 { color: #344054 !important; }
.doc-p { color: #475467 !important; font-size: .95rem !important; line-height: 1.85 !important; }
#content { background: #fff; box-shadow: 16px 0 38px -38px rgba(31,73,151,.35); }
#content table { color: #475467; line-height: 1.55; }
#content th { color: #344054 !important; background: #f2f6fc; }
#content th,#content td { border-color: #d9e2ef !important; padding-top: .7rem !important; padding-bottom: .7rem !important; }
#content tbody tr:nth-child(even) { background: #fafcff; }
#content tr { border-color: #d9e2ef !important; }
#content .text-slate-300,#content .text-slate-400,#content .text-slate-500 { color: #475467 !important; }
#content .text-sky-300,#content .text-sky-400 { color: #0052ff !important; }
#content .text-yellow-300,#content .text-yellow-400,#content .text-yellow-500 { color: #8a5200 !important; }
#content .text-emerald-300,#content .text-emerald-400,#content .text-emerald-500,
#content .text-green-300,#content .text-green-400,#content .text-green-500 { color: #087553 !important; }
#content .text-cyan-300,#content .text-cyan-400,#content .text-cyan-500 { color: #006b7a !important; }
#content .text-violet-200,#content .text-violet-300,#content .text-violet-400,#content .text-violet-500,
#content .text-indigo-300,#content .text-indigo-400,#content .text-indigo-500 { color: #5743b8 !important; }
#content .type-ref { color: #0052ff !important; border-bottom-color: rgba(0,82,255,.35) !important; }
#content .type-ref:hover { color: #003bb8 !important; border-bottom-color: #003bb8 !important; }
#content tr[class*="bg-slate-800"] { background: #eaf0f9 !important; }

/* Manual entry paths: preserve hierarchy in the shared light documentation theme. */
.manual-entry-card {
  min-height: 7.25rem;
  background: linear-gradient(145deg, #f8fbff, #eef4ff) !important;
  border-color: #c9d7ee !important;
  box-shadow: 0 8px 20px -18px rgba(31, 73, 151, .58);
  transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.manual-entry-card:hover {
  border-color: #6395ff !important;
  box-shadow: 0 14px 28px -18px rgba(0, 82, 255, .45);
  transform: translateY(-1px);
}
.manual-entry-card-title { color: #172b4d !important; font-size: .98rem; font-weight: 700; }
.manual-entry-card-desc { color: #475467 !important; line-height: 1.6; }

/* Dense operational guidance needs a clear reading surface and larger body copy. */
.steam-verification-card {
  background: #f8fbff !important;
  border-color: #c9d7ee !important;
  border-top: 3px solid #76a5ff !important;
  box-shadow: 0 10px 24px -22px rgba(31, 73, 151, .55);
}
.steam-verification-card-title { color: #0052ff !important; }
.steam-verification-card-desc { color: #344054 !important; font-size: .875rem; line-height: 1.72 !important; }
.steam-verification-card-desc code { white-space: nowrap; }

/* Event names remain scannable while descriptions get comfortable line length. */
.event-reference-label { color: #475467 !important; font-size: .72rem; }
.event-reference-table table { font-size: .875rem; line-height: 1.7; }
.event-reference-name { width: 11.5rem; white-space: nowrap; }
#topbar .text-slate-400,#topbar .text-slate-600 { color: #667085 !important; }
#topbar a:hover,#topbar button:hover { color: #0052ff !important; }
#langBtn { background: #fff !important; border-color: #d5e1f8 !important; color: #344054 !important; }
#langMenu { background: #fff !important; border-color: #d5e1f8 !important; box-shadow: 0 16px 40px rgba(31,73,151,.14) !important; }
#langMenu a { color: #475467 !important; }
#langMenu a:hover { background: #eef4ff !important; color: #0052ff !important; }
pre,.method-sig { background: #0d172a !important; border-color: #24324a !important; color: #d6e2f3 !important; }
pre,.overflow-x-auto { max-width: 100%; }
code { border-color: #c9d7ee; }
p code,li code,td code,#content :not(pre)>code { background: #edf3fb !important; border-color: #c9d7ee !important; color: #174ea6 !important; font-weight: 600; }
pre code,pre code span { background: transparent !important; border-color: transparent !important; font-weight: inherit; }
.callout,.info-box,.warning-box { box-shadow: 0 12px 30px -24px rgba(31,73,151,.32); font-size: .9rem !important; line-height: 1.75 !important; }
.callout-info { background: #edf7ff !important; border-left-color: #0b72e7 !important; color: #155ca8 !important; }
.callout-tip { background: #edf9f2 !important; border-left-color: #18a567 !important; color: #176b45 !important; }
.callout-warn { background: #fff7e8 !important; border-left-color: #e58a00 !important; color: #8a5200 !important; }
.callout strong,.info-box strong,.warning-box strong { color: inherit !important; }
.badge-ns { background: #eef2ff !important; border-color: #c7d2fe !important; color: #4338ca !important; }
.step-badge { color: #fff !important; box-shadow: 0 4px 12px rgba(0,82,255,.22); }
@media (max-width: 1023px) {
  #sidebarOverlay { background: rgba(15,23,42,.25) !important; }
  #content { width: 100%; min-width: 0; box-shadow: none; }
}