/* Field Hub — shared design system (palette from Habitat Hectares).
   Loaded LAST on every content page so colours, type and chrome match
   across tabs regardless of each tool's own CSS. */

:root{
  --fh-bg:#f2f0eb; --fh-wash:#eef3e6; --fh-card:#ffffff; --fh-pale:#cfe0bb;
  --fh-header:#34622b; --fh-header2:#2a4f22; --fh-header-line:#3f6b34;
  --fh-accent:#34622b; --fh-accent-mid:#5f8a3a; --fh-accent-bright:#7fae4f;
  --fh-ink:#1a1a14; --fh-muted:#566150; --fh-line:#cdd6c5; --fh-line-strong:#b8c8a0;
  --fh-radius:6px; --fh-shadow:0 2px 8px rgba(0,0,0,.12);
  --fh-sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* one type scale + background on every tab */
html,body{ font-family:var(--fh-sans)!important; font-size:14px!important; line-height:1.5!important; }
body{ color:var(--fh-ink); background:var(--fh-bg)!important; }
input,select,textarea,button,.btn{ font-family:var(--fh-sans)!important; }

/* one top bar across all the differently-named headers (HH dark green) */
header, .hdr, header.app{
  background:var(--fh-header)!important;
  color:#ffffff!important;
  border-bottom:3px solid var(--fh-accent-mid)!important;
  border-radius:0!important;
  box-shadow:0 3px 12px rgba(0,0,0,.22)!important;
  padding:calc(env(safe-area-inset-top) + 12px) 16px 12px!important;
  height:auto!important; min-height:0!important; align-items:center;
}
header h1, .hdr h1, header.app h1, header .logo, .hdr .logo{
  font-family:var(--fh-sans)!important;
  font-size:1.06rem!important; font-weight:800!important;
  letter-spacing:normal!important; text-transform:none!important;
  color:#ffffff!important; line-height:1.2!important;
}
header h2, .hdr h2{ color:#ffffff!important; }
.hdr .ver, header .ver, header .sub, .hdr .sub{
  color:#cfe0bb!important; text-transform:none!important; font-size:.72rem!important; opacity:1!important;
}
.hdr .badge, header .badge{
  background:rgba(255,255,255,.14)!important; border:1px solid rgba(255,255,255,.25)!important;
  color:#ffffff!important; border-radius:var(--fh-radius)!important;
}
.hub-back, header a.btn, .hdr a.btn, header .btn-ghost{
  background:var(--fh-header2)!important; border:1px solid var(--fh-header-line)!important;
  color:#e6f1da!important; border-radius:var(--fh-radius)!important;
  padding:6px 12px!important; font-weight:700!important; font-size:.8rem!important;
  text-decoration:none!important; margin-bottom:0!important;
}
.hub-back:hover, header a.btn:hover{ background:#3a6b30!important; }

/* tools' injected Save/Load manager strip -> dark green (matches header) */
#fh-bar{ background:var(--fh-header2)!important; border-bottom:1px solid var(--fh-header-line)!important; color:#e6f1da!important; }