:root {
  
  --green-1:      #8b3906;   
  --green-2:      #ec650b;   
  --green-3:      #f98a42;   
  --green-4:      #ffb17a;
  --green-5:      #ffd0ae;
  --green-pale:   #fee9db;
  --green-pale2:  #fff6f0;
  --green-border: #ffd0ae;

  
  --text-dark:    #292524;
  --text-mid:     #44403c;
  --text-muted:   #9ea2ae;
  --text-light:   #d2d5db;
  --bg:           #f9fafb;
  --bg-card:      #ffffff;
  --border:       #e5e7ea;
  --border-light: #f3f4f6;

  
  --success:      #43b75d;
  --warning:      #ffaa00;
  --danger:       #ee443f;
  --amber:        #ffaa00;

  
  --shadow-sm:    0 2px 6px rgba(28,25,23,.06);
  --shadow-md:    0 4px 14px rgba(28,25,23,.10);
  --shadow-lg:    0 12px 32px rgba(28,25,23,.16);

  
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   15px;
  --r-xl:   15px;

  --header-gradient: linear-gradient(160deg,#8b3906 0%,#ec650b 60%,#f98a42 100%);
}


html body,
html body button,
html body input,
html body select,
html body textarea {
  font-family: 'Google Sans Flex', system-ui, -apple-system, 'Segoe UI', sans-serif;
}


html body a { color: #ec650b; }

html body .badge-museum          { background:#fff6f0; color:#8b3906; }
html body .badge-historical_site { background:#fee9db; color:#ec650b; }
html body .badge-landscape       { background:#fff6f0; color:#8b3906; }
html body .badge-nearby          { background:#ec650b; color:#fff; }
html body .hv-footer             { background:#8b3906; }
html body .hv-banner-tag         { color:#ffd0ae; }
html body .footer4__social a:hover { background:#ec650b; }
html body .footer4__cv           { color:#ffb17a; }

html body .spinner, html body [class*="spinner"] {
  border-color:#fee9db; border-top-color:#ec650b;
}


html body svg.lucide { width: 1.05em; height: 1.05em; vertical-align: -.15em; }


html body a.hv-tap, html body button.hv-tap { position: relative; }
html body a.hv-tap::before, html body button.hv-tap::before {
  content: ''; position: absolute; left: 0; right: 0; top: -10px; bottom: -10px;
}


html body .hv-nav-item              { color: #9ea2ae; }
html body .hv-nav-item .hv-nav-label{ color: inherit; }
html body .hv-nav-item.active,
html body .hv-nav-item.active .hv-nav-label { color: #ec650b; }



.page-wrap{ width: 100%; }