/* Fonts and text styles. Values from DESIGN.md. */
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-latin-wght.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122;
}

@font-face {
  font-family: "Cairo";
  src: url("../fonts/cairo-arabic-wght.woff2") format("woff2");
  font-weight: 200 1000;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

:root {
  /* Inter for Latin, Cairo for Arabic; the browser picks per glyph. Both Google Fonts (OFL), self-hosted. */
  --font-sans: "Inter", "Cairo", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", system-ui, sans-serif;
}

html { font-family: var(--font-sans); -webkit-text-size-adjust: 100%; }
body { color: var(--ink); background: var(--surface); }