/* Optional monochrome concept. Copper remains the default. */
html[data-theme="monochrome"] { --espresso: #101010; --ink: #171717; --cream: #f2f2f2; --paper: #ffffff; --copper: #c5c5c5; --rust: #4d4d4d; --muted: #666666; --line: #d0d0d0; }

/* styles.css: neutral paint treatments; the shared layout is retained. */
html[data-theme="monochrome"] .button-cream:hover{background:#f9f9f9}
html[data-theme="monochrome"] .button-dark:hover{background:#393939}
html[data-theme="monochrome"] .button-outline{border-color:rgba(234,234,234,.64)}
html[data-theme="monochrome"] .button-outline:hover{background:rgba(234,234,234,.1)}
html[data-theme="monochrome"] .hero-photo:after{background:linear-gradient(90deg,rgba(25,25,25,.92) 0%,rgba(25,25,25,.78) 34%,rgba(25,25,25,.08) 59%,transparent 100%)}
html[data-theme="monochrome"] .site-header{border-bottom:1px solid rgba(234,234,234,.22)}
html[data-theme="monochrome"] .brand-name{border-left:1px solid rgba(234,234,234,.3)}
html[data-theme="monochrome"] .hero-description{color:#d7d7d7}
html[data-theme="monochrome"] .hero-location{color:#bbbbbb}
html[data-theme="monochrome"] .scroll-cue{color:#bdbdbd;border-top:1px solid rgba(234,234,234,.17)}
html[data-theme="monochrome"] .demo-caption{color:#d9d9d9}
html[data-theme="monochrome"] .work-image-button{background:#d6d6d6}
html[data-theme="monochrome"] .work-card:nth-child(2) .work-image-button{background:#d6d6d6}
html[data-theme="monochrome"] .work-image-button img{box-shadow:0 10px 30px #2a2a2a22}
html[data-theme="monochrome"] .about .eyebrow{color:#b7b7b7}
html[data-theme="monochrome"] .about-opening>p:not(.eyebrow){color:#bebebe}
html[data-theme="monochrome"] .local-note>span:not(.local-dot){color:#989898}
html[data-theme="monochrome"] .process-list article{border-top:1px solid #575757}
html[data-theme="monochrome"] .process-list p{color:#b5b5b5}
html[data-theme="monochrome"] .contact{background:#2f2f2f}
html[data-theme="monochrome"] .contact .eyebrow{color:#b2b2b2}
html[data-theme="monochrome"] .contact-bottom{border-top:1px solid #565656}
html[data-theme="monochrome"] .contact-bottom p{color:#c0c0c0}
html[data-theme="monochrome"] .site-footer>span{color:#aeaeae}
html[data-theme="monochrome"] .site-footer small{color:#a0a0a0}
html[data-theme="monochrome"] .detail-dialog{box-shadow:0 30px 100px #00000077}
html[data-theme="monochrome"] .detail-dialog::backdrop{background:#181818b8}
html[data-theme="monochrome"] .dialog-status{background:#e0e0e0;color:#4e4e4e}
html[data-theme="monochrome"] .toast{box-shadow:0 5px 30px #00000033;border:1px solid #6d6d6d}
@media(max-width:900px){
html[data-theme="monochrome"] .mobile-menu{box-shadow:0 12px 30px #00000033}
html[data-theme="monochrome"] .hero-photo:after{background:linear-gradient(180deg,#25252566,#252525 98%)}}

/* pages.css: neutral paint treatments; the shared layout is retained. */
html[data-theme="monochrome"] .nav-disclosure>div {box-shadow:0 10px 30px #1f1f1f20
}
html[data-theme="monochrome"] .full-footer>p {color:#b9b9b9
}
html[data-theme="monochrome"] .footer-columns {border-top:1px solid #eaeaea22
}
html[data-theme="monochrome"] .footer-columns>div {color:#cccccc
}
html[data-theme="monochrome"] .footer-end {border-top:1px solid #eaeaea22;color:#acacac
}
html[data-theme="monochrome"] .finder-callout {background:#d6d6d6
}
html[data-theme="monochrome"] .flow-strip li {border-top:1px solid #97979744
}
html[data-theme="monochrome"] .portfolio-image {background:#cfcfcf;box-shadow:inset 0 0 60px #66666614
}
html[data-theme="monochrome"] .portfolio-card:nth-child(3n+2) .portfolio-image {background:#dadada
}
html[data-theme="monochrome"] .portfolio-card:nth-child(3n+3) .portfolio-image {background:#b9b9b9
}
html[data-theme="monochrome"] .portfolio-image img {filter:drop-shadow(0 9px 14px #29292920)
}
html[data-theme="monochrome"] .project-visual {background:#d4d4d4
}
html[data-theme="monochrome"] .project-visual img {filter:drop-shadow(0 12px 20px #29292922)
}
html[data-theme="monochrome"] .plan-table thead {background:#dbdbdb
}
html[data-theme="monochrome"] .preview-note {background:#e0e0e0
}
html[data-theme="monochrome"] .finder-result p {color:#c7c7c7
}
html[data-theme="monochrome"] .workspace-stage {background:#d4d4d4
}
html[data-theme="monochrome"] .spanish-home p:not(.eyebrow) {color:#cfcfcf
}
html[data-theme="monochrome"] .spanish-home small {color:#b9b9b9
}

/* mega-menu.css: neutral paint treatments; the shared layout is retained. */
html[data-theme="monochrome"] .nav-disclosure > .mega-panel {
  box-shadow: 0 22px 45px #14141430
}
html[data-theme="monochrome"] .mega-feature { background: #e3e3e3
}
html[data-theme="monochrome"] .mega-bottom { background: #e8e8e8
}
@media (max-width: 900px) {
  html[data-theme="monochrome"] .site-header .mobile-menu { box-shadow: 0 18px 35px #14141435;
    border: 1px solid var(--line)
  }
  html[data-theme="monochrome"] .mobile-menu > a, html[data-theme="monochrome"] .mobile-group > summary {
    border-bottom: 1px solid var(--line)
  }
}

/* service-deck.css: neutral paint treatments; the shared layout is retained. */
html[data-theme="monochrome"] .service-card { box-shadow: 0 12px 30px rgba(37,37,37,.045)
}
html[data-theme="monochrome"] .service-card--copper { background: #c9c9c9; border-color: #b2b2b2
}
html[data-theme="monochrome"] .service-card--espresso h3 em { color: #aeaeae
}
html[data-theme="monochrome"] .service-card--espresso .service-card-description { color: #c4c4c4
}
html[data-theme="monochrome"] .service-card--copper .service-card-description { color: #4d4d4d
}
html[data-theme="monochrome"] .service-card--espresso .service-card-link { color: #bfbfbf; border-color: #aeaeae
}
html[data-theme="monochrome"] .service-card--copper .service-card-link { color: #444444; border-color: #444444
}
html[data-theme="monochrome"] .service-card--espresso .service-card-tags { color: #b2b2b2
}
html[data-theme="monochrome"] .service-card--copper .service-card-tags { color: #4d4d4d
}
html[data-theme="monochrome"] .service-website-image { background: #e1e1e1
}

html[data-theme="monochrome"] .hero-photo img { filter: grayscale(1) contrast(1.06); }
html[data-theme="monochrome"] ::selection { background: #d1d1d1; color: #101010; }

/* The work stays in full color; the surrounding site is black and white. */
html[data-theme="monochrome"] .portal-screen,
html[data-theme="monochrome"] .service-card-art {
  --espresso: #2c2420;
  --ink: #302822;
  --cream: #f0e9dd;
  --paper: #f8f4ec;
  --copper: #cb906a;
  --rust: #986041;
  --muted: #73685d;
  --line: #cfc4b6;
}
html[data-theme="monochrome"] h1 em,
html[data-theme="monochrome"] h2 em,
html[data-theme="monochrome"] h3 em,
html[data-theme="monochrome"] .mega-feature-title em,
html[data-theme="monochrome"] .mega-intro em {
  color: #2765b5;
  animation: monochrome-keyword-glow 4.8s ease-in-out infinite;
}
html[data-theme="monochrome"] .hero h1 em,
html[data-theme="monochrome"] .about h2 em,
html[data-theme="monochrome"] .contact h2 em,
html[data-theme="monochrome"] .finder-result h2 em,
html[data-theme="monochrome"] .spanish-home h1 em {
  color: #4e8bd9;
}
html[data-theme="monochrome"] .service-card--espresso h3 em {
  color: #4e8bd9;
}

/* Only the soft halo pulses; the letters remain fully visible. */
@keyframes monochrome-keyword-glow {
  0%, 100% { text-shadow: 0 0 4px rgba(64,128,218,.06), 0 0 10px rgba(64,128,218,.02); }
  50% { text-shadow: 0 0 12px rgba(64,128,218,.42), 0 0 28px rgba(64,128,218,.22); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="monochrome"] h1 em,
  html[data-theme="monochrome"] h2 em,
  html[data-theme="monochrome"] h3 em,
  html[data-theme="monochrome"] .mega-feature-title em,
  html[data-theme="monochrome"] .mega-intro em {
    animation: none;
    text-shadow: 0 0 8px rgba(64,128,218,.12);
  }
}

/* Light-blue accents connect the surrounding UI and the illustrative workspace. */
html[data-theme="monochrome"] {
  --copper: #9bc9ec;
  --rust: #396d97;
  --accent-soft: #e4f1fa;
}
html[data-theme="monochrome"] .portal-screen,
html[data-theme="monochrome"] .service-card-art {
  --espresso: #162532;
  --ink: #1f2c36;
  --cream: #edf5fb;
  --paper: #f8fbfd;
  --copper: #9bc9ec;
  --rust: #527fa1;
  --muted: #637481;
  --line: #c7dbea;
}
html[data-theme="monochrome"] .portal-sidebar { background: #e9f3fa; border-color: #c7dbea; }
html[data-theme="monochrome"] .portal-sidebar button:hover { background: #dfedf8; }
html[data-theme="monochrome"] .portal-sidebar button[aria-selected="true"] { background: #cee3f3; }
html[data-theme="monochrome"] .portal-button { border-color: #aac9df; }
html[data-theme="monochrome"] .portal-button:hover { background: #e0effa; }
html[data-theme="monochrome"] .portal-heading,
html[data-theme="monochrome"] .request-heading,
html[data-theme="monochrome"] .request-row,
html[data-theme="monochrome"] .full-request,
html[data-theme="monochrome"] .file-row { border-color: #c7dbea; }
html[data-theme="monochrome"] .timeline li::before,
html[data-theme="monochrome"] .timeline li i { border-color: #b5cee0; }
html[data-theme="monochrome"] .timeline .current i { background: #8ebbdc; border-color: #8ebbdc; }
html[data-theme="monochrome"] .timeline small,
html[data-theme="monochrome"] .sample-note { color: #637481; }
html[data-theme="monochrome"] .service-browser-dots { color: #8daac0; }
html[data-theme="monochrome"] .service-website-image { background: #e9f3fa; }
html[data-theme="monochrome"] .service-card--copper { background: #e4f1fa; border-color: #bdd7e9; }
html[data-theme="monochrome"] .service-card--espresso .service-card-link { color: #a3cdef; border-color: #7ea5c3; }
html[data-theme="monochrome"] .service-card--copper .service-card-link { color: #396d97; border-color: #6c99ba; }
html[data-theme="monochrome"] .button-cream:hover { background: #e0effa; }
html[data-theme="monochrome"] .button-outline:hover { background: rgba(155,201,236,.12); border-color: #9bc9ec; }
html[data-theme="monochrome"] .mega-feature { background: #e8f2f9; }
html[data-theme="monochrome"] .mega-bottom { background: #eff6fb; }
html[data-theme="monochrome"] .portfolio-image { background: #edf5fb; }
html[data-theme="monochrome"] ::selection { background: #cde5f7; color: #101010; }
html[data-theme="monochrome"] .portal-intro,
html[data-theme="monochrome"] .portal-screen small { color: #637481; }
html[data-theme="monochrome"] .timeline li::before { background: #b5cee0; }
html[data-theme="monochrome"] .service-browser,
html[data-theme="monochrome"] .service-workspace,
html[data-theme="monochrome"] .service-care-board { border-color: #c7dbea; }
html[data-theme="monochrome"] .brand .brand-name { border-left: 0; }