/*
 * AskSufi replica base reset — mirrors Tailwind Preflight essentials that the
 * ported editorial.css was authored against, plus the font variables that
 * next/font normally injects. Loads before editorial.css.
 */

/* Font variables (normally set by next/font at runtime) */
:root {
  --font-display:  "Newsreader", "Iowan Old Style", Georgia, serif; /* headings, hero, pull-quotes */
  --font-serif:    "Source Serif 4", "Iowan Old Style", Georgia, serif; /* running body text */
  --font-sans:     "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-nastaliq: "Noto Nastaliq Urdu", "Noto Naskh Arabic", serif;  /* Urdu */
  --font-arabic:   "Amiri", "Noto Naskh Arabic", serif;                /* Arabic: ayat, dhikr */
  --font-naskh:    "Amiri", "Noto Naskh Arabic", serif;               /* legacy alias → Amiri */
  --font-mono:     "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

*, ::before, ::after { box-sizing: border-box; border-width: 0; border-style: solid; border-color: currentColor; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; }
body { margin: 0; line-height: inherit; }
hr { height: 0; color: inherit; border-top-width: 1px; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; margin: 0; }
a { color: inherit; text-decoration: inherit; }
b, strong { font-weight: bolder; }
code, kbd, samp, pre { font-family: var(--font-mono); font-size: 1em; }
small { font-size: 80%; }
p, blockquote, figure, figcaption, ul, ol, dl, dd, pre { margin: 0; }
ol, ul { list-style: none; padding: 0; }
blockquote { padding: 0; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; }
button, select { text-transform: none; }
button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; background-color: transparent; background-image: none; cursor: pointer; }
:-moz-focusring { outline: auto; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { opacity: 1; color: #9ca3af; }
img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
[hidden] { display: none; }