/* @font-face {
  font-family: 'Roboto';
  src: url('/ht-admin/theme/theme-select/fonts/roboto-regular.woff2') format('woff2');
  font-display: swap;
} */

:root {
--color-body-bg: #ffffff;  
--color-body-text: #333;  
--color-theme-bg:#ffffff;   
--color-theme-text:#222222;   
--color-theme-link: #05149c; 
--color-article-background: #ffffff; 
--color-article-text:#333; 
--color-article-link:#006fe6; 
--color-artcle-button-background: #07335b; 
--color-artcle-button-text: #ffffff; 


--font-size-article-H1: 1.6em;  
--font-size-article-H2: 1.4em;
--font-size-article-H3: 1.1em;
--font-size-article-H4: 1em;
--font-size-article-P: 18px;  
--font-size-article-Span: 0.8em;
}

 
html{scroll-behavior:smooth}
body, html{font-size: var(--font-size-article-P); background-color: var(--color-body-bg); color: var(--color-body-text);word-break: break-word; box-sizing:border-box; padding:0;margin:0;} 
body { font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif; }
 
 
article a{text-decoration:none;color:var(--color-article-link);transition:color .3s;text-decoration: underline; font-weight: bold;}a:hover{color:#f90}
article h1{ font-size:  var(--font-size-article-H1);}
article h2{font-size:  var(--font-size-article-H2);}
article h3{font-size: var(--font-size-article-H3);}
main article h4{font-size:  var(--font-size-article-H4);}
main article p{font-size:  var(--font-size-article-P); margin:10px auto;line-height:1.8;}   
main article span{font-size:  var(--font-size-article-Span);}
main article button{ background-color: var(--color-artcle-button-background); color: var(--color-artcle-button-text); }
 

 * a {
    text-decoration: none;
}

 
.header,.logo,.nav,.nav-links{display:flex} .hamburger .line{background-color:#795548;}