/* Single source of truth for HATCO type, brand scale and spacing tokens.
   Legacy heading-size declarations are removed from theme and commerce styles. */
:root{--title-size:42px;--home-title-size:48px;--h2-size:28px;--h3-size:22px;--card-title-size:24px;--footer-heading-size:18px;--header-logo-size:180px;--header-height:80px;--section-space:48px;--panel-space:32px;--nav-size:14px}
h1,h2,h3{font-weight:400;letter-spacing:-.025em;line-height:1.25;overflow-wrap:break-word;hyphens:manual}
#main h1{font-size:var(--title-size);line-height:1.16}
#main .hero h1{font-size:var(--home-title-size)}
#main h2{font-size:var(--h2-size)}
#main h3{font-size:var(--h3-size)}
#main .hcb-category-tile h2,#main .hcb-product h2,#main .woocommerce ul.products li.product h2,#main .hcb-steps h2,#main .hcb-buying-guide h2,#main .hcb-contact-details h2{font-size:var(--card-title-size)}
.lead{font-size:17px;line-height:1.7}
.desktop-nav,.mobile-nav summary,.mobile-panel{font-size:var(--nav-size)}
.header .hatco-site-logo{width:var(--header-logo-size)}
.site-footer h2{font-size:var(--footer-heading-size);font-weight:500;line-height:1.35;letter-spacing:.06em;text-transform:uppercase}
.site-footer a{font-size:14px;line-height:1.65}
@media(max-width:900px){:root{--title-size:38px;--home-title-size:40px;--header-height:72px;--section-space:40px;--panel-space:28px}}
@media(max-width:620px){:root{--title-size:30px;--home-title-size:32px;--h2-size:25px;--h3-size:20px;--card-title-size:24px;--footer-heading-size:17px;--header-logo-size:160px;--header-height:68px;--section-space:32px;--panel-space:24px}.lead{font-size:16px}}