/* Larvotto palette — chrome rose-brown family, sampled from the LARVOTTO
   logotype (larvottoapartment.hk /uploads/larvotto.png) and the manager
   site's brand tone (#8f7c82 in their stylesheet). Color schemes are not
   copyrightable; we use the palette only. No artwork, imagery or logotype
   from that site is used.

   Previous palette (teal family sampled from the developer's statutory
   site, larvotto.com.hk), kept for one-block revert:
     --md-primary-fg-color: #2e7c82;
     --md-primary-fg-color--light: #4a969b;
     --md-primary-fg-color--dark: #235f64;
     --md-accent-fg-color: #6e5f6b;
     --md-default-bg-color: #f5f2e8;
     --md-footer-bg-color: #5a5148;
     --md-footer-fg-color: #efece4;
*/

:root {
  --md-primary-fg-color: #71525c;        /* chrome rose-brown — the logotype mid-dark */
  --md-primary-fg-color--light: #8d6d76; /* lighter */
  --md-primary-fg-color--dark: #573f47;  /* darker — the deep letter strokes */
  --md-accent-fg-color: #8f7c82;         /* manager site's brand tone */
  --md-default-bg-color: #f5f2e8;        /* warm cream — unchanged, suits both families */
  --md-footer-bg-color: #4d3a40;         /* deep bronze */
  --md-footer-fg-color: #efe6e4;
}

/* Metallic band: the ribbon gets a near-imperceptible vertical gradient so it
   reads as chrome rather than flat colour. The tabs bar continues the same band. */
.md-header,
.md-header__inner {
  background: linear-gradient(180deg, #7a5862 0%, #684b53 60%, #5d434b 100%);
}

.md-tabs {
  background: linear-gradient(180deg, #5d434b 0%, #573f47 100%);
}

/* Keep the tab strip visible at EVERY width (theme default folds all nav into
   the hamburger drawer below 1220 CSS px). If the tabs can't fit, the strip
   scrolls horizontally instead of disappearing. */
@media screen and (max-width: 76.234375em) {
  .md-tabs {
    display: block;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .md-tabs__link {
    font-size: 0.62rem;
    padding-left: 0.6rem;
    padding-right: 0.6rem;
    white-space: nowrap;
  }
}

/* Mobile nav drawer top band follows the same treatment. */
.md-nav--primary .md-nav__title {
  background: linear-gradient(180deg, #7a5862 0%, #5d434b 100%);
}