/* ============================================================
   رقيم — css/base.css
   تصفير عام + الطباعة الأساسية + دعم RTL
   ============================================================ */

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

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font);
  background: var(--shell-bg);
  color: var(--t1);
  direction: rtl;
  font-size: 14px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  transition: background var(--tr), color var(--tr);
}

img, svg { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }

button, input, textarea, select {
  font-family: var(--font);
  font-size: inherit;
  color: inherit;
}
button { cursor: pointer; }

h1, h2, h3, h4 { font-weight: 700; line-height: 1.3; }

ul, ol { list-style: none; }

::selection { background: var(--ac3); color: var(--t1); }

/* شريط تمرير أنيق */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--b2); border-radius: var(--rf); }
::-webkit-scrollbar-thumb:hover { background: var(--t4); }

/* فئات نصية مساعدة */
.t1 { color: var(--t1); } .t2 { color: var(--t2); }
.t3 { color: var(--t3); } .t4 { color: var(--t4); }
.fs11 { font-size: 11px; } .fs12 { font-size: 12px; }
.fs13 { font-size: 13px; } .fs15 { font-size: 15px; }
.fw6 { font-weight: 600; } .fw7 { font-weight: 700; }
.tc { text-align: center; }
.mono-num { font-variant-numeric: tabular-nums; }

/* إخفاء عناصر بصريًا مع بقائها لقارئ الشاشة */
.sr-only {
  position: absolute; width: 1px; height: 1px;
  overflow: hidden; clip: rect(0,0,0,0);
}

[hidden] { display: none !important; }

/* حركة دوران بسيطة (مؤشرات تحميل) */
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
.fade-in { animation: fadeIn .25s ease; }