/* Theme Name: HOBER Solar Water Pump
   Description: Clean starting theme. Design tokens live in assets/css/tokens.css.
   Version: 2.0.0
   Text Domain: hober */

html{-webkit-text-size-adjust:100%}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:17px;line-height:1.6}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1em;max-width:70ch}
h1,h2,h3{font-family:var(--font-display);line-height:1.15;margin:0 0 .5em}
:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
.container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:var(--gutter)}
.skip-link{position:absolute;top:0;left:-9999px}
.skip-link:focus{left:8px;top:8px;z-index:20;padding:10px 14px;background:var(--color-surface)}
.site-header{border-bottom:1px solid var(--color-line)}
.site-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-block:16px}
.site-brand{font-family:var(--font-display);font-size:20px;font-weight:700}
.site-nav ul{display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0;list-style:none}
.site-main{padding-block:clamp(32px,6vw,72px)}
.site-footer{border-top:1px solid var(--color-line);padding-block:28px;color:var(--color-muted);font-size:14px}