/* Morning landscape: light homepage, shared customer dialogs retain their theme. */
:root { color-scheme: light; background: #e8edf0; }
body { background: #e8edf0; color: #233631; }
.scene.showcase { background: #e8edf0; }
.showcase .environment {
  background: #e8edf0 url('/static/landing/morning-mountains-v1.webp') center center / cover no-repeat;
}
.showcase .toning {
  background: linear-gradient(90deg, #f7f8f440 0%, #f7f8f414 43%, transparent 70%),
    linear-gradient(0deg, #ecf0e62b, transparent 40%);
}
.showcase header { border-bottom-color: #263d3526; }
.showcase .wordmark { color: #20352e; font-size: 52px; gap: 15px; }
.showcase .wordmark > .brand-lockup { display: grid; gap: 6px; letter-spacing: 0; }
.showcase .brand-lockup strong { font-size: 26px; font-weight: 700; line-height: 1.1; letter-spacing: 1px; }
.showcase .brand-domain { color: #29483b; font-size: 16px; font-weight: 600; line-height: 1.2; letter-spacing: 1px; }
.showcase .title-block .overline { gap: 16px; letter-spacing: 0; }
.showcase .hero-brand { color: #20352e; font-size: 28px; font-weight: 700; line-height: 1.25; letter-spacing: 1px; }
.showcase .brand-category { border-left: 1px solid #29483b66; padding-left: 16px; font-size: 13px; letter-spacing: 2px; }
.showcase .edition { color: #485f59; }
.showcase .auth-entry {
  background: #fafbf54d;
  border-color: #29433840;
  backdrop-filter: blur(12px);
}
.showcase .auth-entry:hover { background: #fafbf599; }
.showcase #menu span { color: #425d50; }
.showcase .title-block .overline { color: #445b52; }
.showcase .overline b { background: #688271; }
.showcase .title-block h1 { color: #20352e; text-shadow: none; }
.showcase .title-block .brand-welcome { color: #40574d; }
.showcase .hero-primary { background: #29483b; color: #f7f9f2; box-shadow: 0 6px 24px #243f3014; }
.showcase .hero-primary:hover { background: #365a49; }
.showcase .hero-secondary, .showcase .hero-secondary span { color: #304b3e; }
.showcase .hero-caption { color: #445c50; }
.showcase .hero-caption i { background: #304a3b45; }
.showcase .art-caption { color: #293d35; text-shadow: 0 1px 10px #f6f8ec99; }
.showcase .art-caption i { color: #293d35; }
.showcase .destinations {
  background: #f8faf1d9;
  border-color: #ffffffa6;
  backdrop-filter: blur(18px);
  box-shadow: 0 12px 40px #283d2912;
}
.showcase .destinations a, .showcase .destinations a.fraud-entry {
  color: #263e32;
  border-color: #35524024;
  text-shadow: none;
}
.showcase .destinations a:hover { background: #ffffff80; color: #1d392b; }
.showcase .destinations a > span, .showcase .destinations p { color: #506657; }
.showcase .destinations a > b { color: #526d59; }
.showcase .destinations a small { color: #52634e; border-color: #52634e40; }
.showcase footer, .showcase .footer-brand i { color: #263f32; text-shadow: 0 1px 8px #eff5e680; }
.showcase :is(a, button):focus-visible { outline-color: #294f3c; }
.showcase .header-actions button { color: #233b31; }
.showcase .hero-actions, .showcase .destinations { pointer-events: auto; }
.showcase.panel-open .hero-actions, .showcase.panel-open .destinations { pointer-events: none; }

@media (max-width: 760px) {
  .showcase .wordmark { font-size: 38px; gap: 10px; }
  .showcase .wordmark > .brand-lockup { gap: 5px; }
  .showcase .brand-lockup strong { font-size: 20px; }
  .showcase .brand-domain { font-size: 12px; letter-spacing: .5px; }
  .showcase .title-block .overline { gap: 12px; }
  .showcase .hero-brand { font-size: 24px; }
  .showcase .brand-category { padding-left: 12px; font-size: 11px; letter-spacing: 1px; }
  .showcase .header-actions { gap: 12px; }
  .showcase .environment { background-position: 60% center; }
  .showcase .toning {
    background: linear-gradient(180deg, #f5f8f04d 0%, #f5f8f05c 48%, transparent 78%);
  }
  .showcase .destinations a, .showcase .destinations a.fraud-entry { border-color: #35524024; }
}