:root {
  --visual-coral: #F26F52;
  --visual-green: #43C943;
  --visual-leaf: #86EA52;
  --visual-gold: #F5B52C;
  --visual-cream: #FFF4D6;
  --visual-paper: #FFFCF6;
  --visual-ink: #263238;
}
.app-mark-wrap { display: grid; place-items: center; min-height: 68px; margin-bottom: 10px; }
.app-mark { width: 46px; height: 46px; object-fit: contain; border-radius: 16px; background: var(--visual-cream); box-shadow: 0 9px 20px rgb(242 111 82 / 18%); }
.web-primary-nav { color: var(--visual-ink); background: var(--visual-paper); border-color: var(--visual-cream); }
.web-nav-button { color: var(--visual-ink); }
.web-nav-button:hover, .web-nav-button:focus-visible { background: var(--visual-cream); }
.web-nav-button.is-active { color: var(--visual-ink); }
.nav-gem[data-visual-family="rounded-colorful-lightweight-2.5d"] .domain-icon-image { display: block; }
.web-nav-button.is-active .nav-gem[data-visual-family] { box-shadow: 0 5px 13px rgb(242 111 82 / 20%), inset 0 0 0 1px rgb(242 111 82 / 14%); }