/*
 * MoroccanTan presentation theme
 * Replaces the former My Digital Hive navy, teal and violet interface palette.
 */
:root{
  --ink:#412501;
  --panel:#000;
  --panel2:#412501;
  --paper:#EAECD8;
  --muted:#C6D1D2;
  --aqua:#C6D1D2;
  --purple:#412501;
  --line:rgba(234,236,216,.2);
  --shadow:0 25px 80px rgba(0,0,0,.28);
}
html,body{background:#412501;color:#EAECD8}
.sidebar{
  background:#000!important;
  border-color:rgba(234,236,216,.18)!important;
}
.brand-mark{
  background:#C6D1D2!important;
  color:#412501!important;
}
.brand,.prospect-name{color:#EAECD8}
.prospect-card{
  border-color:rgba(234,236,216,.2)!important;
  background:rgba(234,236,216,.06)!important;
}
.eyebrow,.prospect-meta,.sidebar-footer,.crumb,.crumb span{color:#C6D1D2!important}
.eyebrow.aqua,.nav-phase,.nav-item.active span,.journey-link{color:#EAECD8!important}
.nav-item{color:#C6D1D2!important}
.nav-item:hover,.nav-item.active{
  background:#412501!important;
  color:#EAECD8!important;
}
.journey-link{border-color:rgba(198,209,210,.45)!important}
.future-phase{border-color:rgba(234,236,216,.14)!important}
.nav-item.future-nav,.nav-item.future-nav span{color:#C6D1D2!important}
.status-dot{
  background:#C6D1D2!important;
  box-shadow:0 0 12px rgba(198,209,210,.55)!important;
}
.topbar{
  background:rgba(65,37,1,.94)!important;
  border-color:rgba(234,236,216,.18)!important;
}
.btn.primary,.toast,.result-icon{
  background:#C6D1D2!important;
  color:#412501!important;
}
.btn.ghost{
  border-color:rgba(234,236,216,.26)!important;
  color:#EAECD8!important;
}
.text-btn{color:#412501!important}
.device-toggle,.platform-toggle,.ad-toggle{
  background:#000!important;
  border-color:rgba(234,236,216,.22)!important;
}
.device-toggle button,.platform-toggle button,.ad-toggle button{color:#C6D1D2!important}
.device-toggle button.active,.platform-toggle button.active,.ad-toggle button.active{
  background:#412501!important;
  color:#EAECD8!important;
}
.stage{
  background:radial-gradient(circle at 50% 8%,#412501 0,#000 72%)!important;
  border-color:rgba(234,236,216,.18)!important;
}
.social-stage{
  background:#000!important;
  border-color:rgba(234,236,216,.18)!important;
}
.landing-stage{background:#000!important}
.hero-copy h1 em,.funnel-page>small,.funnel-page li:before,
.score-card span,.opportunity-card>small,.journey-line button span,
.journey-line button i,.journey-result small{color:#C6D1D2!important}
.hero-copy p,.funnel-page p,.funnel-page ul,.journey-head p,.journey-result p{color:#C6D1D2!important}
.orbit{
  border-color:rgba(198,209,210,.35)!important;
  box-shadow:inset 0 0 100px rgba(198,209,210,.05)!important;
}
.orbit:before{border-color:rgba(234,236,216,.2)!important}
.core{
  background:radial-gradient(circle at 35% 30%,#412501,#000 74%)!important;
  border-color:rgba(198,209,210,.42)!important;
  box-shadow:0 0 60px rgba(198,209,210,.12)!important;
}
.core b{color:#C6D1D2!important}
.node{
  background:#000!important;
  color:#EAECD8!important;
  border-color:rgba(198,209,210,.36)!important;
}
.node:hover{border-color:#C6D1D2!important;color:#C6D1D2!important}
.service-row{border-color:rgba(234,236,216,.18)!important}
.service{
  border-color:rgba(234,236,216,.18)!important;
  color:#EAECD8!important;
}
.service:hover{background:#000!important}
.service span,.service small,.service i{color:#C6D1D2!important}
.creative-pillars,.pilot-summary,.growth-system,.pilot-phases,
.future-services,.post-purchase-offer,.pilot-inclusions,
.social-samples,.expanded-feed,.andromeda-intro,.test-map{
  background:#000!important;
  border-color:rgba(234,236,216,.2)!important;
  color:#EAECD8!important;
}
.creative-pillars:not(.branded-directions) article,
.lifecycle-grid article,.pilot-phases article{
  background:#412501!important;
  color:#EAECD8!important;
}
.creative-pillars.branded-directions{background:#EAECD8!important}
.creative-pillars article>b,.creative-pillars h4,
.pilot-summary b,.lifecycle-grid span,.pilot-phases small,
.offer-flow>small,.pilot-inclusions header small,
.social-samples>header small,.social-samples>footer b,
.andromeda-intro small,.test-map small,.matrix-note b,
.test-map li>b,.pillar-provenance small{
  color:#C6D1D2!important;
}
.creative-pillars p,.pilot-summary small,.pilot-summary span,
.lifecycle-grid p,.pilot-phases p,.future-services>header small,
.future-services>header p,.future-services article,
.offer-flow>p,.offer-flow li span,.social-samples>header>p,
.social-samples>footer,.andromeda-intro>p,.matrix-note span,
.test-map li span,.test-map>p,.pillar-provenance p{
  color:#C6D1D2!important;
}
.future-services article{
  background:#412501!important;
  border-color:rgba(234,236,216,.16)!important;
}
.future-services article b,.future-services>header h3,.offer-flow li strong,
.pilot-inclusions>div b,.test-map li strong,.test-map>p b{color:#EAECD8!important}
.post-purchase-offer,.pilot-inclusions,.andromeda-intro,.test-map,
.social-samples,.expanded-feed{border-color:rgba(198,209,210,.28)!important}
.offer-flow li,.pilot-inclusions>div span,.matrix-note,
.matrix-note span,.social-samples>footer{border-color:rgba(234,236,216,.18)!important}
.offer-flow li>b,.pilot-inclusions>div span{color:#C6D1D2!important}
.pillar-provenance{
  background:#412501!important;
  border-left-color:#C6D1D2!important;
}
.andromeda-intro,.test-map{background:#412501!important}
.test-map li>b{border-color:#C6D1D2!important}
.expanded-feed{background:#000!important}
.funnel-rationale-grid{
  background:#000!important;
}
.funnel-rationale-grid article{
  background:#412501!important;
  color:#EAECD8!important;
}
.funnel-rationale-grid article:nth-child(3n+2){background:#000!important}
.funnel-rationale-grid article:last-child{
  background:#C6D1D2!important;
  color:#412501!important;
}
.funnel-rationale-grid article>span{
  border-color:#C6D1D2!important;
  color:#C6D1D2!important;
}
.funnel-rationale-grid p{color:#C6D1D2!important}
.funnel-rationale-grid article:last-child p{color:#412501!important}
.funnel-rationale-close{background:#412501!important}
.funnel-rationale-close small{color:#C6D1D2!important}
.ad-stage{
  background:#C6D1D2!important;
  color:#412501!important;
}
.click-callout{color:#412501!important}
.click-callout>span{background:#412501!important;color:#EAECD8!important}
.click-callout p{color:#412501!important}
.score-card,.audit-list{
  background:#000!important;
  border-color:rgba(234,236,216,.2)!important;
}
.score-ring{
  border-color:#C6D1D2!important;
  box-shadow:0 0 40px rgba(198,209,210,.16)!important;
}
.score-ring small,.score-card p{color:#C6D1D2!important}
.audit-list i{background:#412501!important}
.audit-list i:after{background:#C6D1D2!important}
.opportunity-card{
  background:#EAECD8!important;
  color:#412501!important;
}
.opportunity-card>small{
  color:#715936!important;
  font-weight:800!important;
}
.opportunity-card h3{color:#412501!important}
.opportunity-card p{
  color:#5F4B34!important;
  font-size:.9rem;
  line-height:1.65;
}
.opportunity-card .text-btn{
  color:#412501!important;
  font-weight:800;
}
.journey-line button{
  background:#000!important;
  color:#EAECD8!important;
  border-color:rgba(234,236,216,.22)!important;
}
.journey-line button:hover{border-color:#C6D1D2!important}
.journey-line button small{color:#C6D1D2!important}
.journey-line em{color:#C6D1D2!important}
.journey-result{border-color:rgba(234,236,216,.2)!important}
.edit-drawer{
  background:#EAECD8!important;
  color:#412501!important;
}
.edit-drawer>p,.config-panel>p{color:#412501!important}
.edit-drawer input,.edit-drawer textarea,.edit-drawer select{
  border-color:rgba(65,37,1,.3)!important;
  color:#412501!important;
  background:#fff!important;
}
.drawer-head button{background:#C6D1D2!important;color:#412501!important}
.config-tabs{border-color:rgba(65,37,1,.2)!important}
.config-tabs button{color:#412501!important}
.config-tabs button.active{border-color:#412501!important}
.drawer-overlay{background:rgba(0,0,0,.72)!important}
.carousel-viewer{background:rgba(0,0,0,.92)!important}
.approved-social-grid .approved-grid-tile:focus-visible{outline-color:#C6D1D2!important}
@media(max-width:700px){
  .topbar{background:#412501!important}
}

/* Official Moroccan Tan wordmark: two words, uppercase, restrained sans serif. */
.mt-wordmark{
  font-family:'Inter','Libre Franklin',Arial,sans-serif!important;
  font-weight:500!important;
  font-style:normal!important;
  font-variant:normal!important;
  text-transform:uppercase!important;
  letter-spacing:-.045em!important;
  line-height:1!important;
  white-space:nowrap;
}
.mt-nav>.mt-wordmark{
  font-size:1rem!important;
  letter-spacing:-.04em!important;
}
.mt-footer>.mt-wordmark{font-size:.95rem!important}
.mt-avatar.mt-wordmark{
  padding:0 .2rem;
  font-size:.32rem!important;
  letter-spacing:-.065em!important;
  text-align:center;
}
.mt-avatar.big.mt-wordmark{font-size:.48rem!important}
.mt-avatar.tiny.mt-wordmark{font-size:.2rem!important}
.feed-profile>.mt-avatar.mt-wordmark{font-size:.25rem!important}
.skin-photo-frame:after{content:'MOROCCAN TAN'!important}

/* Readability corrections for light Creative Direction cards. */
.creative-pillars.branded-directions .direction-brief>b{
  color:#8A5D26!important;
}
.creative-pillars.branded-directions .direction-brief h4{
  color:#412501!important;
}
.creative-pillars.branded-directions .direction-brief p{
  color:#5F4B34!important;
}
.creative-pillars.branded-directions .direction-brief small{
  color:#624A2F!important;
}

/* Replace the remaining My Digital Hive cyan/navy mobile-demo treatment. */
.mobile-demo{
  background:#412501!important;
  border-color:rgba(234,236,216,.28)!important;
  color:#EAECD8!important;
}
.mobile-demo>header small{
  color:#C6D1D2!important;
}
.mobile-demo>header h3{
  color:#EAECD8!important;
}
.mobile-demo>header>span{
  color:#EAECD8!important;
  border-color:rgba(234,236,216,.45)!important;
}