*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; height: 100%; }
body {
  font-family: var(--font-sans);
  background: var(--color-bg);
  color: var(--foreground);
  direction: rtl;
  text-align: start;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
}

[dir="rtl"] .page-wrapper {
  margin-inline-start: var(--sidebar-width);
  margin-inline-end: 0;
}
img { display: block; max-width: 100%; }
a { text-decoration: none; color: inherit; }
button { cursor: pointer; font-family: inherit; border: none; background: none; }
ul, ol { list-style: none; }
input, select, textarea { font-family: inherit; }

[hidden] {
  display: none !important;
}