/* P3-DOC-S1 — Documentation Gold palette translation.
   Presentation-only. The accepted documentation geometry, spacing, typography,
   responsive structure, Markdown rendering and article registry remain untouched.
   Brand artwork is intentionally excluded from neutralisation. */

html[data-sh-theme="dark"] body.sh-app-page{
  --doc-gold-page:#0A0A0A;
  --doc-gold-surface:#121212;
  --doc-gold-surface-2:#1E1E1E;
  --doc-gold-ink:#F2F2F2;
  --doc-gold-ink-2:#D5D5DA;
  --doc-gold-muted:#B8B8B8;
  --doc-gold-dim:#909090;
  --doc-gold-line:#3A3A3A;
  --doc-gold-purple:#B6A9D4;
  --doc-gold-purple-strong:#8775B7;
  --doc-gold-purple-soft:rgba(135,117,183,.11);
  --doc-gold-purple-soft-2:rgba(135,117,183,.18);
  --doc-gold-topbar:rgba(18,18,18,.96);
  --doc-gold-shadow:rgba(0,0,0,.28);
}

html[data-sh-theme="light"] body.sh-app-page{
  --doc-gold-page:#F3F5F8;
  --doc-gold-surface:#FFFFFF;
  --doc-gold-surface-2:#ECEFF4;
  --doc-gold-ink:#172033;
  --doc-gold-ink-2:#334158;
  --doc-gold-muted:#5B687C;
  --doc-gold-dim:#5F6B7E;
  --doc-gold-line:#D5DAE3;
  --doc-gold-purple:#66568F;
  --doc-gold-purple-strong:#58477F;
  --doc-gold-purple-soft:rgba(116,99,159,.09);
  --doc-gold-purple-soft-2:rgba(116,99,159,.14);
  --doc-gold-topbar:rgba(255,255,255,.96);
  --doc-gold-shadow:rgba(15,23,42,.08);
}

/* Page + shared documentation chrome. */
html[data-sh-theme] body.sh-app-page{
  --doc-bg:var(--doc-gold-page)!important;
  --doc-paper:var(--doc-gold-surface)!important;
  --doc-ink:var(--doc-gold-ink)!important;
  --doc-muted:var(--doc-gold-muted)!important;
  --doc-line:var(--doc-gold-line)!important;
  --doc-brand:var(--doc-gold-purple)!important;
  --doc-brand-dark:var(--doc-gold-purple-strong)!important;
  --doc-soft:var(--doc-gold-surface-2)!important;
  background:var(--doc-gold-page)!important;
  color:var(--doc-gold-ink)!important;
}

html[data-sh-theme] body.sh-app-page .doc-topbar{
  background:var(--doc-gold-topbar)!important;
  border-bottom-color:var(--doc-gold-line)!important;
  color:var(--doc-gold-ink)!important;
  box-shadow:0 10px 28px var(--doc-gold-shadow)!important;
}

/* Canonical logo artwork and its brand treatment deliberately stay unchanged. */
html[data-sh-theme] body.sh-app-page .doc-brand,
html[data-sh-theme] body.sh-app-page .doc-brand strong{
  color:var(--doc-gold-ink)!important;
}
html[data-sh-theme] body.sh-app-page .doc-brand small{
  color:var(--doc-gold-muted)!important;
}

/* Legacy global .nav authority used to paint these links as raised navy controls.
   Documentation keeps the accepted flat navigation geometry and changes paint only. */
html[data-sh-theme] body.sh-app-page .doc-toplinks a{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--doc-gold-muted)!important;
  box-shadow:none!important;
}
html[data-sh-theme] body.sh-app-page .doc-toplinks a:hover,
html[data-sh-theme] body.sh-app-page .doc-toplinks a:focus-visible{
  background:var(--doc-gold-purple-soft)!important;
  border-color:transparent!important;
  color:var(--doc-gold-purple-strong)!important;
}
html[data-sh-theme="dark"] body.sh-app-page .doc-toplinks a:hover,
html[data-sh-theme="dark"] body.sh-app-page .doc-toplinks a:focus-visible{
  color:var(--doc-gold-purple)!important;
}

html[data-sh-theme] body.sh-app-page .doc-toplinks .sh-theme-toggle{
  background:transparent!important;
  border-color:var(--doc-gold-line)!important;
  color:var(--doc-gold-muted)!important;
  box-shadow:none!important;
}
html[data-sh-theme] body.sh-app-page .doc-toplinks .sh-theme-toggle:hover,
html[data-sh-theme] body.sh-app-page .doc-toplinks .sh-theme-toggle:focus-visible{
  background:var(--doc-gold-purple-soft)!important;
  border-color:var(--doc-gold-purple)!important;
  color:var(--doc-gold-purple-strong)!important;
}
html[data-sh-theme="dark"] body.sh-app-page .doc-toplinks .sh-theme-toggle:hover,
html[data-sh-theme="dark"] body.sh-app-page .doc-toplinks .sh-theme-toggle:focus-visible{
  color:var(--doc-gold-purple)!important;
}

/* Index / search. */
html[data-sh-theme] body.sh-app-page .doc-index{
  background:var(--doc-gold-surface)!important;
  color:var(--doc-gold-ink)!important;
}
html[data-sh-theme] body.sh-app-page .doc-index h1,
html[data-sh-theme] body.sh-app-page .doc-topic h2,
html[data-sh-theme] body.sh-app-page .doc-topic nav a span,
html[data-sh-theme] body.sh-app-page .doc-not-found h1{
  color:var(--doc-gold-ink)!important;
}
html[data-sh-theme] body.sh-app-page .doc-index-hero>p:not(.doc-eyebrow),
html[data-sh-theme] body.sh-app-page .doc-topic header p,
html[data-sh-theme] body.sh-app-page .doc-topic nav a small,
html[data-sh-theme] body.sh-app-page .doc-empty,
html[data-sh-theme] body.sh-app-page .doc-not-found p{
  color:var(--doc-gold-muted)!important;
}
html[data-sh-theme] body.sh-app-page .doc-eyebrow,
html[data-sh-theme] body.sh-app-page .doc-search span,
html[data-sh-theme] body.sh-app-page .doc-not-found a{
  color:var(--doc-gold-purple)!important;
}
html[data-sh-theme] body.sh-app-page .doc-search{
  background:var(--doc-gold-surface-2)!important;
  border-color:var(--doc-gold-line)!important;
  color:var(--doc-gold-ink)!important;
  box-shadow:none!important;
}
html[data-sh-theme] body.sh-app-page .doc-search:focus-within{
  border-color:var(--doc-gold-purple)!important;
  box-shadow:0 0 0 3px var(--doc-gold-purple-soft)!important;
}
html[data-sh-theme] body.sh-app-page .doc-search input{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--doc-gold-ink)!important;
  box-shadow:none!important;
}
html[data-sh-theme] body.sh-app-page .doc-search input::placeholder{
  color:var(--doc-gold-dim)!important;
  opacity:1!important;
}

/* Topic index rows. */
html[data-sh-theme] body.sh-app-page .doc-topic header,
html[data-sh-theme] body.sh-app-page .doc-topic nav a{
  border-color:var(--doc-gold-line)!important;
}
html[data-sh-theme] body.sh-app-page .doc-topic nav a{
  background:transparent!important;
  color:var(--doc-gold-ink)!important;
}
html[data-sh-theme] body.sh-app-page .doc-topic nav a:hover,
html[data-sh-theme] body.sh-app-page .doc-topic nav a:focus-visible{
  background:linear-gradient(90deg,var(--doc-gold-purple-soft),transparent 64%)!important;
  border-color:var(--doc-gold-purple)!important;
  color:var(--doc-gold-purple-strong)!important;
}
html[data-sh-theme="dark"] body.sh-app-page .doc-topic nav a:hover,
html[data-sh-theme="dark"] body.sh-app-page .doc-topic nav a:focus-visible{
  color:var(--doc-gold-purple)!important;
}

/* Article / sidebar / reading states. */
html[data-sh-theme] body.sh-app-page .doc-layout,
html[data-sh-theme] body.sh-app-page .doc-article,
html[data-sh-theme] body.sh-app-page .doc-sidebar{
  color:var(--doc-gold-ink)!important;
}
html[data-sh-theme] body.sh-app-page .doc-article h1,
html[data-sh-theme] body.sh-app-page .doc-markdown,
html[data-sh-theme] body.sh-app-page .doc-markdown h2,
html[data-sh-theme] body.sh-app-page .doc-markdown h3,
html[data-sh-theme] body.sh-app-page .doc-markdown h4,
html[data-sh-theme] body.sh-app-page .doc-markdown strong{
  color:var(--doc-gold-ink)!important;
}
html[data-sh-theme] body.sh-app-page .doc-lead,
html[data-sh-theme] body.sh-app-page .doc-breadcrumb,
html[data-sh-theme] body.sh-app-page .doc-sidebar h2,
html[data-sh-theme] body.sh-app-page .doc-sidebar nav a{
  color:var(--doc-gold-muted)!important;
}
html[data-sh-theme] body.sh-app-page .doc-updated{
  color:var(--doc-gold-dim)!important;
}
html[data-sh-theme] body.sh-app-page .doc-sidebar-all,
html[data-sh-theme] body.sh-app-page .doc-breadcrumb a,
html[data-sh-theme] body.sh-app-page .doc-markdown a,
html[data-sh-theme] body.sh-app-page .doc-article-footer a,
html[data-sh-theme] body.sh-app-page .doc-sidebar nav a:hover,
html[data-sh-theme] body.sh-app-page .doc-sidebar nav a:focus-visible,
html[data-sh-theme] body.sh-app-page .doc-sidebar nav a.is-active{
  color:var(--doc-gold-purple)!important;
}
html[data-sh-theme] body.sh-app-page .doc-sidebar nav a.is-active{
  background:var(--doc-gold-purple-soft)!important;
}
html[data-sh-theme] body.sh-app-page .doc-markdown code,
html[data-sh-theme] body.sh-app-page .doc-markdown blockquote{
  background:var(--doc-gold-surface-2)!important;
  border-color:var(--doc-gold-line)!important;
  color:var(--doc-gold-ink)!important;
}
html[data-sh-theme] body.sh-app-page .doc-markdown blockquote{
  border-left-color:var(--doc-gold-purple)!important;
}
html[data-sh-theme] body.sh-app-page .doc-markdown hr,
html[data-sh-theme] body.sh-app-page .doc-article-footer{
  border-color:var(--doc-gold-line)!important;
}

/* Focus, selection and documentation scrollbars follow the same purple authority. */
html[data-sh-theme] body.sh-app-page .doc-topbar a:focus-visible,
html[data-sh-theme] body.sh-app-page .doc-sidebar a:focus-visible,
html[data-sh-theme] body.sh-app-page .doc-article a:focus-visible,
html[data-sh-theme] body.sh-app-page .doc-index a:focus-visible,
html[data-sh-theme] body.sh-app-page .doc-search input:focus-visible{
  outline-color:var(--doc-gold-purple)!important;
}
html[data-sh-theme] body.sh-app-page ::selection{
  background:var(--doc-gold-purple-soft-2);
  color:var(--doc-gold-ink);
}
html[data-sh-theme] body.sh-app-page .doc-sidebar{
  scrollbar-color:var(--doc-gold-line) transparent;
}

/* P3-PUBLIC-CLOSE-R1 — brand + mode-control closure.
   Brand artwork keeps the canonical Silahadir pink treatment; the mode switch
   is an icon action, not a permanent card. */
html[data-sh-theme] body.sh-app-page .doc-brand-logo{
  background:linear-gradient(135deg,#be185d,#d65b91)!important;
  box-shadow:0 8px 20px rgba(127,29,69,.18)!important;
}
html[data-sh-theme] body.sh-app-page .doc-brand-logo img{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
html[data-sh-theme] body.sh-app-page .doc-toplinks .sh-theme-toggle{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:10px!important;
  color:var(--doc-gold-muted)!important;
}
html[data-sh-theme] body.sh-app-page .doc-toplinks .sh-theme-toggle:hover,
html[data-sh-theme] body.sh-app-page .doc-toplinks .sh-theme-toggle:focus-visible{
  border:0!important;
  background:var(--doc-gold-purple-soft)!important;
  box-shadow:none!important;
  color:var(--doc-gold-purple-strong)!important;
}
html[data-sh-theme="dark"] body.sh-app-page .doc-toplinks .sh-theme-toggle:hover,
html[data-sh-theme="dark"] body.sh-app-page .doc-toplinks .sh-theme-toggle:focus-visible{
  color:var(--doc-gold-purple)!important;
}