/* Three-storefront chrome. Color alone must split the rooms. */
html[data-site="ph"],
html[data-site="ph"] body {
  background: #efe4c4 !important;
  color: #143024;
}
html[data-site="samil"],
html[data-site="samil"] body {
  background: #080808 !important;
  color: #f3f3f3;
}
html[data-site="hub"],
html[data-site="hub"] body {
  background: #031018 !important;
  color: #d4f5ec;
}

.fp-shell[data-site="ph"] {
  background: #efe4c4;
  color: #143024;
}
.fp-shell[data-site="ph"] .fp-head {
  background: rgba(255, 247, 230, 0.94);
  border-bottom: 1px solid #e0d0a0;
  box-shadow: inset 0 6px 0 #e8a317;
}
.fp-shell[data-site="ph"] .fp-mark small { color: #0c7a48; }
.fp-shell[data-site="ph"] .fp-nav > ul > li.on > a { color: #0c7a48 !important; }
.fp-shell[data-site="ph"] .fp-foot {
  background: #fff7e6;
  border-top: 1px solid #e0d0a0;
  color: #5c6e58;
}
.fp-shell[data-site="ph"] .fp-search input {
  background: #fff;
  border-color: #e0d0a0;
}

.fp-shell[data-site="samil"] {
  background: #080808;
  color: #f3f3f3;
}
.fp-shell[data-site="samil"] .fp-head {
  background: rgba(8, 8, 8, 0.94);
  border-bottom: 1px solid #2c2c2c;
  box-shadow: inset 0 6px 0 #ff1a1a;
}
.fp-shell[data-site="samil"] .fp-mark,
.fp-shell[data-site="samil"] .fp-nav a,
.fp-shell[data-site="samil"] .fp-account a {
  color: #f3f3f3 !important;
}
.fp-shell[data-site="samil"] .fp-mark small { color: #ffd000; }
.fp-shell[data-site="samil"] .fp-burger span { background: #f3f3f3; }
.fp-shell[data-site="samil"] .fp-nav > ul > li.on > a { color: #ff1a1a !important; }
.fp-shell[data-site="samil"] .fp-nav > ul > li > ul a { color: #9aa0a6 !important; }
.fp-shell[data-site="samil"] .fp-foot {
  background: #141414;
  border-top: 1px solid #2c2c2c;
  color: #9aa0a6;
}
.fp-shell[data-site="samil"] .fp-foot strong { color: #f3f3f3; }
.fp-shell[data-site="samil"] .fp-search input {
  background: #141414;
  color: #f3f3f3;
  border-color: #2c2c2c;
}
.fp-shell[data-site="samil"] html.fp-nav-open .fp-nav,
html.fp-nav-open .fp-shell[data-site="samil"] .fp-nav {
  background: #080808;
}
@media (min-width: 901px) {
  .fp-shell[data-site="samil"] .fp-nav > ul > li > ul {
    background: #141414;
    border-color: #2c2c2c;
  }
}

.fp-shell[data-site="hub"] {
  background: #031018;
  color: #d4f5ec;
}
.fp-shell[data-site="hub"] .fp-head {
  background: rgba(3, 16, 24, 0.94);
  border-bottom: 1px solid #1a4450;
  box-shadow: inset 0 6px 0 #00e5a0;
}
.fp-shell[data-site="hub"] .fp-mark,
.fp-shell[data-site="hub"] .fp-nav a,
.fp-shell[data-site="hub"] .fp-account a {
  color: #d4f5ec !important;
}
.fp-shell[data-site="hub"] .fp-mark small { color: #00e5a0; }
.fp-shell[data-site="hub"] .fp-burger span { background: #d4f5ec; }
.fp-shell[data-site="hub"] .fp-nav > ul > li.on > a { color: #00e5a0 !important; }
.fp-shell[data-site="hub"] .fp-nav > ul > li > ul a { color: #7aa8a8 !important; }
.fp-shell[data-site="hub"] .fp-foot {
  background: #082028;
  border-top: 1px solid #1a4450;
  color: #7aa8a8;
}
.fp-shell[data-site="hub"] .fp-foot strong { color: #d4f5ec; }
.fp-shell[data-site="hub"] .fp-search input {
  background: #082028;
  color: #d4f5ec;
  border-color: #1a4450;
}
html.fp-nav-open .fp-shell[data-site="hub"] .fp-nav {
  background: #031018;
}
@media (min-width: 901px) {
  .fp-shell[data-site="hub"] .fp-nav > ul > li > ul {
    background: #082028;
    border-color: #1a4450;
  }
}

@media (max-width: 900px) {
  html[data-site="ph"] .phm-tab {
    background: #143024;
    border-top: 1px solid #e8a317;
  }
  html[data-site="ph"] .phm-tab a { color: #fff7e6; }
  html[data-site="samil"] .phm-tab {
    background: #080808;
    border-top: 1px solid #ff1a1a;
  }
  html[data-site="samil"] .phm-tab a { color: #f3f3f3; }
  html[data-site="hub"] .phm-tab {
    background: #031018;
    border-top: 1px solid #00e5a0;
  }
  html[data-site="hub"] .phm-tab a { color: #d4f5ec; }
}

.fp-shell[data-site="samil"] .board {
  --fp-ink: #f3f3f3;
  --fp-muted: #9aa0a6;
  --fp-line: #2c2c2c;
  --fp-paper: #141414;
  --fp-red: #ff1a1a;
  --fp-gold: #ffd000;
  background: #141414;
  color: #f3f3f3;
  border-color: #2c2c2c;
}
.fp-shell[data-site="samil"] .board a { color: #f3f3f3; }
.fp-shell[data-site="samil"] .board a:hover { color: #ff1a1a; }

.fp-shell[data-site="hub"] .board {
  --fp-ink: #d4f5ec;
  --fp-muted: #7aa8a8;
  --fp-line: #1a4450;
  --fp-paper: #082028;
  --fp-red: #00e5a0;
  --fp-gold: #3ecfff;
  background: #082028;
  color: #d4f5ec;
  border-color: #1a4450;
}
.fp-shell[data-site="hub"] .board a { color: #d4f5ec; }
.fp-shell[data-site="hub"] .board a:hover { color: #00e5a0; }