/* MONDA: orange sampled from the supplied logo, with neutral white/charcoal UI.
   These are interface colors only; photographs, videos and renders are untouched. */
:root{
  --paper:#FAF9F6;
  --paper-deep:#F0EDE8;
  --ink:#242424;
  --muted:#6A6865;
  --line:#DED8D2;
  --dark:#242424;
  --brand:#EF7945;
  --brand-deep:#9A522A;
  --on-brand:#1A1A1A;
  --copper:var(--brand-deep);
  --dark-muted:#C5C1BC;
  --dark-line:#4C4844;
}

/* Orange marks and large type; deeper orange keeps small links legible. */
h1 em,h2 em,.project-title-block h1 span{color:var(--brand)}
.about-intro h2 em{color:var(--brand-deep)}
.small-rule,.primary-nav a:after{background:var(--brand)}
.header-cta span,.contact-social>span:last-child{color:var(--brand-deep)}
.detail-principles>div{border-color:var(--line)}
.contact-action{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.contact-action:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}
.round-link{border-color:var(--brand);color:var(--brand-deep)}
.round-link:hover{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}
.hero-visual:after{background:linear-gradient(transparent,rgba(20,20,20,.5))}
.project-hero:after{background:linear-gradient(transparent,rgba(16,16,16,.58))}
.image-label{background:rgba(24,24,24,.68)}
.gallery-button>span,.design-image-button>span{background:rgba(30,30,30,.65)}

/* Neutral footer and image dialogs. */
.site-footer{background:var(--dark);color:var(--paper)}
.footer-main p,.back-top,.footer-contact{color:var(--dark-muted)}
.footer-bottom{color:#B6B1AB}
.footer-bottom,.footer-contact{border-color:var(--dark-line)}
.footer-contact a:hover,.back-top:hover{color:#fff}
.gallery-dialog{background:#242424;color:var(--paper)}
.gallery-dialog::backdrop{background:rgba(15,15,15,.92)}
.gallery-dialog figcaption{color:var(--dark-muted)}
.gallery-close:hover{color:var(--brand)}

/* Video and panoramic photo viewers. */
.experience-frame,.experience-panel,.pt-stage,.pt-start{background:#1C1C1C}
.experience-frame{box-shadow:0 12px 35px rgba(30,30,30,.08)}
.experience-tabs>button{border-color:#B8B0A8}
.experience-tabs>button[aria-selected=true]{background:var(--dark);border-color:var(--dark);color:#fff}
.experience-tabs>button:not([aria-selected=true]):hover{background:#E7E1DA}
.vr-stage{background:#1A1A1A}
.vr-start{background:linear-gradient(0deg,rgba(14,14,14,.33),rgba(20,20,20,.10))}
.vr-chip{background:rgba(28,28,28,.65)}
.vr-hint{background:rgba(30,30,30,.65)}
.vr-status{background:rgba(32,32,32,.94)}
.vr-zoom button{background:rgba(32,32,32,.86)}
.vr-zoom button:hover{background:#34302D}
.vr-controls,.vr-caption,.pt-toolbar,.pt-strip,.pt-note{background:var(--dark)}
.vr-time{color:#E3DFDA}
.vr-caption,.pt-heading small,.pt-note{color:var(--dark-muted)}
.vr-progress{accent-color:var(--brand)}
.vr-icon[aria-pressed=true]{background:rgba(239,121,69,.17);border-color:var(--brand);color:#fff}
.vr-icon:hover{background:rgba(255,255,255,.12)}
.vr-stage:focus-visible,.vr-icon:focus-visible,.vr-zoom button:focus-visible,.vr-start-button:focus-visible{outline-color:var(--brand)}
.pt-start{color:var(--paper)}
.pt-strip{scrollbar-color:#8A8178 #242424}
.pt-thumb{background:#2D2A28;color:#ECE8E3;border-color:#5A534D}
.pt-thumb[aria-current=true]{border-color:var(--brand)}
.pt-stage .pnlm-load-box{background:rgba(32,32,32,.94)}
.pt-stage .pnlm-lbar-fill{background:var(--brand)}
.pt-stage .pnlm-hotspot-base.pnlm-scene{background:var(--brand);border-color:#FAF9F6}
.pt-stage .pnlm-hotspot-base.pnlm-scene:after{color:var(--on-brand)}
.pt-stage .pnlm-hotspot-base.pnlm-scene:hover{background:var(--brand-deep)}
.pt-stage .pnlm-hotspot-base.pnlm-scene:hover:after{color:#fff}
.experience-panel:fullscreen,.experience-panel.monda-fullscreen-fallback{background:#101010}

/* Design gallery: orange selection, warm neutral surfaces. */
.design-section{background:var(--paper-deep)}
.design-toolbar,.design-bottom{border-color:var(--line)}
.design-tabs>button[aria-selected=true]{border-bottom-color:var(--brand-deep);color:var(--ink)}
.design-tabs>button>span{background:#E2DCD5;color:var(--ink)}
.design-tabs>button[aria-selected=true]>span{background:var(--brand);color:var(--on-brand)}
.design-category{color:var(--muted)}
.design-image-button{background:#E2DDD6}
.design-dialog,.design-dialog::backdrop{background:rgba(24,24,24,.98);color:var(--paper)}
.design-lightbox-header p,.design-lightbox-stage figcaption,.design-dialog-count{color:var(--dark-muted)}
.design-lightbox-header>button,.design-arrow{border-color:#8B8178}
.design-arrow:hover,.design-lightbox-header>button:hover{border-color:var(--brand);background:rgba(239,121,69,.14)}
.experience-panel button:focus-visible,.design-dialog button:focus-visible,.gallery-dialog button:focus-visible{outline-color:var(--brand)}