/* =========================================================
   IAMS — Local fonts (no Google Fonts / no CDN)
   Latin  : Poppins (UI/body) + Lora (display serif) — bundled in /assets/fonts
   Ethiopic (አማርኛ): uses the font already installed on the device
            (Noto Sans/Serif Ethiopic, Nyala, Ebrima, Abyssinica SIL).
   Both Poppins and Lora are SIL Open Font License — free to bundle.
   ========================================================= */

@font-face{font-family:'Poppins';font-style:normal;font-weight:300;font-display:swap;
  src:local('Poppins Light'),local('Poppins-Light'),url('../fonts/Poppins-Light.woff') format('woff');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;
  src:local('Poppins Regular'),local('Poppins-Regular'),url('../fonts/Poppins-Regular.woff') format('woff');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500 600;font-display:swap;
  src:local('Poppins Medium'),local('Poppins-Medium'),url('../fonts/Poppins-Medium.woff') format('woff');}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700 900;font-display:swap;
  src:local('Poppins Bold'),local('Poppins-Bold'),url('../fonts/Poppins-Bold.woff') format('woff');}
@font-face{font-family:'Lora';font-style:normal;font-weight:400 700;font-display:swap;
  src:url('../fonts/Lora-Variable.woff') format('woff');}

/* Ethiopic script — picked from fonts installed on the computer/phone.
   To bundle your own file (recommended for kiosks / lab PCs), copy e.g.
   NotoSansEthiopic.woff2 into assets/fonts/ and add the url() line below. */
@font-face{font-family:'IAMS Ethiopic';font-display:swap;
  unicode-range:U+1200-139F,U+2D80-2DDF,U+AB00-AB2F;
  src:local('Noto Sans Ethiopic'),local('NotoSansEthiopic'),local('Ebrima'),local('Nyala'),local('Abyssinica SIL'),local('AbyssinicaSIL')
  /* ,url('../fonts/NotoSansEthiopic.woff2') format('woff2') */;}
@font-face{font-family:'IAMS Ethiopic Serif';font-display:swap;
  unicode-range:U+1200-139F,U+2D80-2DDF,U+AB00-AB2F;
  src:local('Noto Serif Ethiopic'),local('NotoSerifEthiopic'),local('Abyssinica SIL'),local('AbyssinicaSIL'),local('Nyala')
  /* ,url('../fonts/NotoSerifEthiopic.woff2') format('woff2') */;}


/* =========================================================
   Base reset (Tailwind "preflight" equivalent)
   tailwind-offline.css was compiled WITHOUT a reset, so browsers' default
   8px body margin, underlined links, bullets, heading sizes and bevelled
   buttons were leaking into the design. Everything below uses :where()
   (specificity 0) so any class or page style still wins over it.
   ========================================================= */
:where(*,::before,::after){ box-sizing:border-box; }
:where(html){ line-height:1.5; -webkit-text-size-adjust:100%; tab-size:4; }
:where(body){ margin:0; line-height:inherit; }
:where(h1,h2,h3,h4,h5,h6){ font-size:inherit; font-weight:inherit; }
:where(h1,h2,h3,h4,h5,h6,p,blockquote,figure,dl,dd,pre,hr){ margin:0; }
:where(a){ color:inherit; text-decoration:inherit; }
:where(b,strong){ font-weight:bolder; }
:where(small){ font-size:80%; }
:where(ol,ul,menu){ list-style:none; margin:0; padding:0; }
:where(img,svg,video,canvas,audio,iframe,embed,object){ vertical-align:middle; }
:where(img,video){ max-width:100%; height:auto; }
:where(table){ border-collapse:collapse; border-color:inherit; text-indent:0; }
:where(th){ text-align:inherit; font-weight:inherit; }
:where(button,input,select,optgroup,textarea){ font:inherit; letter-spacing:inherit; color:inherit; margin:0; }
:where(button,[type="button"],[type="submit"],[type="reset"]){ -webkit-appearance:button; appearance:button; background-color:transparent; border:0 solid; padding:0; }
:where(textarea){ resize:vertical; }
:where(summary){ display:list-item; }
:where(hr){ height:0; color:inherit; border-top-width:1px; }
:where([hidden]:not([hidden="until-found"])){ display:none !important; }

:root{
  --font-sans:'Poppins','IAMS Ethiopic','Noto Sans Ethiopic','Ebrima','Nyala','Abyssinica SIL',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --font-display:'Lora','IAMS Ethiopic Serif','Noto Serif Ethiopic','Abyssinica SIL','Nyala',Georgia,'Times New Roman',serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;
}

/* Apply everywhere (also printing) */
html body,
html[data-site-lang="am"] body,
button,input,select,textarea,
.font-body,.font-sans{ font-family:var(--font-sans); }
.font-display,.font-serif,
html[data-site-lang="am"] .font-display{ font-family:var(--font-display); }
code,kbd,pre,samp,.font-mono{ font-family:var(--font-mono); }