
/* Community: white canvases, tile cards in OATMEAL #E3DAC9 (was orange #DC8763,
   before that #C65E3D). Navy text sits at 9.13:1 on oatmeal, so type is very
   comfortable. Because the card is now pale, the chips and inner panels had to
   go solid white with a warm hairline — at 62% white they blended into the card. */
#page-community-hub{ background:#ffffff !important; }
#page-community-hub .ch-hero{ background-color:#F7F8FA !important; }
#page-community-hub .ch-section,
#page-community-hub .cv-section{ background-color:#ffffff !important; }
#page-community-hub #huFriendsRoot .min-h-screen{ background-color:#ffffff !important; }

/* ---- the tile cards ---- */
#page-community-hub .ch-cat,
#page-community-hub .ch-hl,
#page-community-hub .ch-post,
#page-community-hub .ch-box,
#page-community-hub .ch-chal,
#page-community-hub .ch-sv,
#page-community-hub .ch-file,
#page-community-hub .ch-tog-row{
  background-color:#E3DAC9 !important;
  border-color:rgba(70,55,30,.18) !important;
}
/* text on those cards */
#page-community-hub .ch-cat, #page-community-hub .ch-cat *,
#page-community-hub .ch-hl, #page-community-hub .ch-hl *,
#page-community-hub .ch-post, #page-community-hub .ch-post *,
#page-community-hub .ch-box, #page-community-hub .ch-box *,
#page-community-hub .ch-chal, #page-community-hub .ch-chal *,
#page-community-hub .ch-sv, #page-community-hub .ch-sv *,
#page-community-hub .ch-file, #page-community-hub .ch-file *,
#page-community-hub .ch-tog-row, #page-community-hub .ch-tog-row *{
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
/* chips, icon circles and bars sitting on the lighter orange */
#page-community-hub .ch-cat .ch-ic, #page-community-hub .ch-hl .ch-ic,
#page-community-hub .ch-post .ch-av, #page-community-hub .ch-post .ch-type,
#page-community-hub .ch-sv .ch-sv-ic, #page-community-hub .ch-box .ch-trust-ic,
#page-community-hub .ch-cat .ch-kw, #page-community-hub .ch-hl .ch-kw,
#page-community-hub .ch-post .ch-kw{
  background-color:#ffffff !important;
  border-color:rgba(70,55,30,.16) !important;
}
#page-community-hub .ch-bar{ background-color:rgba(36,52,71,.14) !important; }
#page-community-hub .ch-bar > *{ background-color:#243447 !important; }
#page-community-hub .ch-sw{ background-color:rgba(36,52,71,.22) !important; }
/* the saved-state action keeps a green of its own; force it onto the card palette */
#page-community-hub .ch-post.is-saved .ch-act,
#page-community-hub .ch-post.is-saved .ch-save,
#page-community-hub .ch-post .ch-act.ch-save,
#page-community-hub .ch-cat .ch-act, #page-community-hub .ch-hl .ch-act,
#page-community-hub .ch-box .ch-act, #page-community-hub .ch-sv .ch-act{
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
/* .ch-kind is a pale panel INSIDE a card and carries a gradient from an earlier
   pass, so background-image has to be cleared as well as the colour */
#page-community-hub .ch-box .ch-kind{
  background-color:#ffffff !important;
  background-image:none !important;
  border-color:rgba(70,55,30,.16) !important;
}
#page-community-hub .ch-box .ch-kind,
#page-community-hub .ch-box .ch-kind *{
  color:#243447 !important; -webkit-text-fill-color:#243447 !important;
}
/* buttons on a card: solid navy so they read as the action */
#page-community-hub .ch-cat .ch-btn, #page-community-hub .ch-hl .ch-btn,
#page-community-hub .ch-post .ch-btn, #page-community-hub .ch-box .ch-btn,
#page-community-hub .ch-chal .ch-btn, #page-community-hub .ch-sv .ch-btn{
  background-color:#243447 !important; border-color:#243447 !important;
}
#page-community-hub .ch-cat .ch-btn, #page-community-hub .ch-cat .ch-btn *,
#page-community-hub .ch-hl .ch-btn, #page-community-hub .ch-hl .ch-btn *,
#page-community-hub .ch-post .ch-btn, #page-community-hub .ch-post .ch-btn *,
#page-community-hub .ch-box .ch-btn, #page-community-hub .ch-box .ch-btn *,
#page-community-hub .ch-chal .ch-btn, #page-community-hub .ch-chal .ch-btn *,
#page-community-hub .ch-sv .ch-btn, #page-community-hub .ch-sv .ch-btn *{
  color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;
}
