/*
 * رموز التصميم المركزية لـ Q BUZZ (مصدر واحد للألوان والمسافات والخطوط لكل الصفحات: التعريفية والتطبيق).
 * لون المنتج الرسمي في brand/tokens.json (accent #8F123F / accentBright #B9D96A). التباين مقاس WCAG AA:
 * أبيض على الخمري 9.0، فستقي على الخمري 5.7، حبر على الفستقي 10.2، حبر على الورق 15.1، رمادي النص على الورق 6.6.
 */
:root {
  /* الألوان */
  --rum: #8f123f;          /* الخمري الأساسي */
  --rum-d: #6e0d30;        /* خمري أعمق للخلفيات الداكنة */
  --rum-l: #f6e3ea;        /* درجة فاتحة للتظليل */
  --fus: #b9d96a;          /* الأخضر الفاتح (أزرار وعناصر مهمة) */
  --fus-d: #4f6b14;        /* أخضر زيتوني للنص على الفاتح */
  --fus-l: #eaf3ce;
  --ink: #14241d;          /* الأخضر الداكن: النصوص والخلفيات الداكنة */
  --paper: #f7f8f0;        /* الخلفية الفاتحة */
  --white: #ffffff;
  --mut: #4f5c54;
  --line: #dce3cd;
  --amber: #f0a93b;
  --amber-l: #fdefd0;
  --focus: #f0a93b;

  /* المسافات (سلم 4px) */
  --s1: .25rem; --s2: .5rem; --s3: .75rem; --s4: 1rem; --s5: 1.5rem; --s6: 2rem; --s7: 3rem; --s8: 4.5rem; --s9: 6rem;

  /* الأنصاف والظلال */
  --r-s: 10px; --r-m: 16px; --r-l: 24px;
  --sh-1: 0 1px 2px rgba(20, 36, 29, .06), 0 6px 18px rgba(20, 36, 29, .07);
  --sh-2: 0 2px 4px rgba(20, 36, 29, .08), 0 18px 44px rgba(20, 36, 29, .16);

  /* الخطوط */
  --display: 'Buzz Display', 'Plex Arabic', system-ui, sans-serif;
  --body: 'Plex Arabic', system-ui, sans-serif;

  /* سلم الطباعة المرن */
  --t-h1: clamp(2.1rem, 1.25rem + 3.5vw, 3.6rem);
  --t-h2: clamp(1.7rem, 1.2rem + 2vw, 2.55rem);
  --t-h3: 1.25rem;
  --t-lead: clamp(1.05rem, .98rem + .35vw, 1.2rem);
  --t-body: 1.0625rem;
  --t-small: .9rem;
}