/* ====== reset.css ====== */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html {
  scroll-behavior: auto;
}

body {
  font-family: var(--font-primary);
  color: var(--text);
  background: var(--body-bg);
  overflow-x: clip;
  line-height: 1.7;
  direction: rtl;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; transition: var(--transition); color: var(--primary); }
a:hover { color: var(--accent); }

ul, ol { list-style: none; padding: 0; margin: 0; }

img { max-width: 100%; height: auto; }

::selection { background: var(--primary); color: var(--white); }

h1,h2,h3,h4,h5,h6 { line-height: 1.3; }

p { margin-bottom: 0; }