/* Local Harmony + Framework7 preview: composition and brand finish.
   Existing module order, grid and scenic banner are retained. */
body[data-community-ui="harmony-f7"] {
  --community-paper:#fffdfa;
  --community-ground:#eeeae3;
  --community-ink:#2e2925;
  --community-copy:#61564d;
  --community-muted:#85776b;
  --community-brick:#98472f;
  --community-brick-deep:#723623;
  --community-line:#56412d19;
  --community-glint:#e0e7a3;
  --community-spring:cubic-bezier(.2,.8,.2,1);
  background:var(--community-ground);
  color:var(--community-ink);
}
body[data-community-ui="harmony-f7"] #app .main {background:var(--community-ground)}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar {
  background:linear-gradient(115deg,#fffefbed,#fffaf2e6);
  border-bottom:1px solid #ffffff;
  box-shadow:0 1px 0 #83654c1b,0 8px 32px #543a2409;
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .brand strong {
  color:#3e3028;font-weight:750;letter-spacing:.25px;
}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .brand-mark {color:#98472f}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .topnav {gap:5px}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .topnav a {
  color:#6e6055;font-weight:650;border-radius:13px;padding-inline:15px;
}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .topnav a.active {
  color:#fffaf1;background:linear-gradient(150deg,#b76748,#8e412d);
  box-shadow:inset 0 1px 0 #ffe4b973,inset 0 -1px 0 #56271833,0 4px 10px #8a3c2424;
}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .topnav a.active:after {
  height:2px;left:calc(50% - 9px);right:auto;width:18px;bottom:5px;
  background:var(--community-glint);box-shadow:none;
}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar :is(.searchbox,.account-menu-trigger,.mobile-feature-entry) {
  border-radius:50%;background:linear-gradient(150deg,#ffffffeb,#f4eee4cc);
  color:#7b4931;outline:0;box-shadow:inset 0 1px 0 #fff,0 2px 5px #57412c0b,0 0 0 1px #9d7b5712;
}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .account-menu-trigger>svg {color:#81593e}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .experience-publish {
  border-radius:13px;background:linear-gradient(150deg,#b76748,#8e412d);color:#fffaf1;
  box-shadow:inset 0 1px 0 #ffe4b973,0 3px 8px #8a3c241c;
}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .town-clock-time {color:#865239;font-weight:650}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .town-clock-date {color:#89715c}

/* Content rules live in editorial-preview.css and community-mobile.css. */

body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar :is(.entry-link,.register-entry,.text-link){color:#79563e}
body[data-community-ui="harmony-f7"][data-ui-shell="community"] #app .topbar .town-clock-bridge{color:#a17d4e}