/* Theme the surrounding controls and application surfaces, keeping project artwork in its original palette. */
html[data-demo-embedded] [data-theme-toggle] { display:none !important }
.demo-appearance-bar { display:flex; justify-content:flex-end; align-items:center; padding-inline:clamp(12px,3vw,32px); background:#f4f2ee; color:#24212b }
[data-theme=dark] .demo-appearance-bar { background:#19171b; color:#eee9e1 }
[data-portfolio-demo] [data-theme-toggle] { font-family:inherit; align-self:center }
[data-portfolio-demo=shahm-marketing] button[data-theme-toggle] { display:inline-flex; inline-size:auto; padding-inline:.7rem; gap:.6rem }
[data-portfolio-demo=mangrove] header > [data-theme-toggle] { flex-shrink:0 }
@media screen {
  html[data-portfolio-demo][data-theme=dark] { color-scheme:dark }
  html[data-portfolio-demo][data-theme=light] { color-scheme:light }

  html[data-portfolio-demo=qirsh-study][data-theme=dark] {
    --ink:#edece4; --paper:#141b18; --muted:#b6c1b8; --line:#3c4c42; --green:#a1d4b4; --green-paper:#22372d;
    & :is(.site-header,.skip-link,.evidence-section) { background:#1b251f }
    & .d7m-brand img, & footer img[src*="d7m-wordmark"] { filter:brightness(0) invert(1) }
    & :is(.architecture-section,.contact-section) { color:#f5f4ef; background:#0d1712 }
    & .brand-plate.qirsh-identity { background:#143f35; color:#f2e9d8 }
    & :is(.button.dark,.button.outline:hover) { color:#15251c; background:#c1e5cc }
    & .button.light { color:#13271b; background:#e9f1e8 }
    & .architecture-tabs button[aria-selected=true] { color:#101b13; background:#d0e4ce }
    & .table-scroll { scrollbar-color:#718578 #202b24 }
  }
  html[data-portfolio-demo=qirsh-shell][data-theme=dark] {
    & body { color:#e9eee6; background:#19251e }
    & .wallet-nav { background:#19251e; border-color:#495b4d }
  }
  html:is([data-portfolio-demo=botbox],[data-portfolio-demo=cinp])[data-theme=dark] {
    --demo-surface:#1b2230; --demo-canvas:#111724; --demo-ink:#f2f2f5; --demo-secondary:#c5cbd4; --demo-border:#47505e;
    background:var(--demo-canvas);
    &[data-portfolio-demo=cinp] { --demo-surface:#30262c; --demo-canvas:#20191d; --demo-border:#55464e; --demo-secondary:#d5c7ce }
    & body { background-color:var(--demo-canvas); color:var(--demo-ink) }
    & :is(.bg-white,[class^="bg-white/"],[class*=" bg-white/"]) { background-color:var(--demo-surface) }
    & :is(.bg-gray-50,.bg-slate-50,.bg-stone-50,.bg-neutral-50,.bg-gray-100,.bg-slate-100,.bg-stone-100,.bg-neutral-100,[class*="bg-stone-50/"],[class*="bg-slate-50/"]) { background-color:var(--demo-canvas) }
    & :is(.text-black,.text-slate-900,.text-gray-900,.text-stone-900,.text-slate-800,.text-gray-800,.text-stone-800) { color:var(--demo-ink) }
    & :is(.text-gray-500,.text-gray-600,.text-gray-700,.text-slate-500,.text-slate-600,.text-slate-700,.text-stone-500,.text-stone-600,.text-stone-700) { color:var(--demo-secondary) }
    & :is(.border-gray-100,.border-gray-200,.border-slate-100,.border-slate-200,.border-stone-200,[class*="border-slate-200/"]) { border-color:var(--demo-border) }
    & :is(.bg-blue-50,.bg-purple-50,.bg-violet-50,.bg-indigo-50,.bg-emerald-50,.bg-amber-50,.bg-yellow-50,.bg-rose-50,.bg-red-50,.bg-green-50,.bg-cyan-50,.bg-orange-50) { background-color:var(--demo-surface) }
    & :is(.text-blue-700,.text-blue-600,.text-indigo-600,.text-indigo-700) { color:#9cbfff }
    & :is(.text-red-600,.text-rose-600,.text-red-700,.text-rose-700) { color:#ffadb3 }
    & :is(.text-emerald-700,.text-teal-700,.text-green-700) { color:#8fddbe }
    & :is(.text-purple-700,.text-violet-700,.text-purple-600) { color:#ceb3ff }
    & :is(.text-orange-700,.text-amber-700,.text-yellow-700) { color:#ffcb87 }
    & :is(input,textarea,select) { color:var(--demo-ink); background-color:var(--demo-surface); border-color:var(--demo-border) }
  }
  html[data-portfolio-demo=mangrove][data-theme=light] {
    --background:#f8f5f5; --foreground:#241825; --card:#fffaf8; --card-foreground:#241825;
    --popover:#fffaf8; --popover-foreground:#241825; --muted:#ede5eb; --muted-foreground:#665666;
    --border:#b7a5b3; --input:#b7a5b3; --sidebar:#f0e8ec; --sidebar-foreground:#241825;
    --primary:#98105e; --primary-foreground:white; --secondary:#006e72; --secondary-foreground:white;
    & [class*="bg-noir-"] { background-color:#f3ebef }
    & [class*="text-cream-"] { color:#342635 }
    & [class*="text-neon-pink"], & [class*="text-magenta"] { color:#a0196e }
    & [class*="text-electric-"] { color:#006f74 }
    & [class*="text-ember-"], & [class*="text-amber-"] { color:#994508 }
  }
  html[data-portfolio-demo^="shahm-"][data-theme=light] {
    --paper:#fafafa; --ink:#17191c; --quiet:#54585e; --line:#bfc3c8; --wash:#f0f1f2; --panel:#e8eaec; --deep:#fff;
    --accent:#202326; --accent-hover:#34383d; --color-canvas:#fafafa; --color-elevated:white;
    --color-surface-2:#eceef0; --color-ink:#17191c; --color-muted:#535861; --color-hairline:#c1c5c9;
    --color-emphasis:#212327; --color-on-emphasis:white; --sales-border:#b9bec2;
    & :is(.suite-header,.suite-nav) { color:#1a1d21; background:#eef0f1; border-color:#bfc3c8 }
    & :is(.suite-header,.suite-nav) a { color:inherit }
  }
  html[data-portfolio-demo=shahm-portal][data-theme=light] {
    & :is(.sw-shell,.sw-content,.sw-topbar,.sw-sidebar,.sales-workspace) { background:#fafafa; color:#212326; color-scheme:light }
    & :is(.sw-panel,.sw-card,.sw-stat,.sw-table,.sw-sidebar button) { background-color:#eee; color:#232529 }
  }
  html[data-portfolio-demo=shahm-pm][data-theme=light] {
    & body, & :is([class*="bg-slate-9"],[class*="bg-gray-9"]) { background-color:#f4f4f5 !important; color:#222428 }
    & :is([class*="bg-slate-8"],[class*="bg-gray-8"]) { background-color:#e5e7e9 !important }
    & :is(.text-white,[class*="text-slate-1"],[class*="text-slate-2"],[class*="text-slate-3"]) { color:#2a2c30 !important }
    & :is([class*="border-slate-"],[class*="border-gray-"]) { border-color:#b8bec3 !important }
  }
}
@media print { .demo-appearance-bar, [data-theme-toggle] { display:none !important } }
@media screen {
  html[data-portfolio-demo=botbox][data-theme=dark] body {
    background-image:linear-gradient(180deg,#171e30,#152a30 30%,#211e32 60%,#14272a);
  }
  html[data-portfolio-demo=cinp][data-theme=dark] {
    & .text-primary { color:#f1c87b }
    & .text-secondary { color:#e4b85d }
    & :is(.bg-amber-100,.bg-yellow-100,.bg-stone-200) { background-color:#3f3431 }
  }
  html[data-portfolio-demo=shahm-hoa][data-theme=light] {
    color-scheme:light; background:#fafafa; color:#17191b;
    & body, & [style*="background-color: rgb(8, 8, 8)"], & [style*="background-color: rgb(0, 0, 0)"] { background-color:#fafafa !important; color:#17191b }
    & :is([style*="background-color: rgb(20, 20, 20)"],[style*="background-color: rgb(24, 24, 24)"],[style*="background-color: rgb(36, 36, 36)"]) { background-color:#e8ebed !important }
    & :is([style^="color: rgb(248, 248, 248)"],[style*="; color: rgb(248, 248, 248)"],[style^="color: rgb(255, 255, 255)"],[style*="; color: rgb(255, 255, 255)"]) { color:#15171a !important }
    & :is([style*="color: rgb(190, 190, 190)"],[style*="color: rgb(176, 176, 176)"]) { color:#555b60 !important }
    & [style*="border-color: rgb(57, 57, 57)"] { border-color:#aab0b4 !important }
  }
}
@media screen {
  html[data-portfolio-demo=botbox][data-theme=dark] .botbox-demo-notice {
    border-color:#526176; background:#202b3b; color:#edf1f9;
    & :is(a,button,summary) { color:#c4d8ff }
  }
}