/* Mirrored verbatim from the Tasnef Design System (tokens/base.css).
   Do not hand-edit — re-sync from the design project instead. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);letter-spacing:var(--letter-spacing-arabic)}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-medium);color:var(--text-heading)}
p{margin:0}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
::selection{background:var(--purple-100);color:var(--purple-700)}
.ts-container{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}