/* Casey Bushland — 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:#f1f5f1; --fh-wash:#e9f3e4; --fh-card:#fefffe; --fh-pale:#cbe6be;
  --fh-header:#233340; --fh-header2:#41586f; --fh-header-line:#3fa65b;
  --fh-accent:#2e7d46; --fh-accent-mid:#3fa65b; --fh-accent-bright:#bad377;
  --fh-teal:#44b7a2; --fh-cyan:#87c7ce; --fh-slate:#41586f; --fh-navy:#233340;
  --fh-ink:#1b2530; --fh-muted:#41586f; --fh-line:#dbe4da; --fh-line-strong:#bcd0b8;
  --fh-warn:#c08a2a; --fh-danger:#c0522a;
  --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:#cbe6be!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; }