/* ═══════════════════════════════════════════
   Ishtre Design Tokens — منقولة حرفيًا من البروتوتايب
   docs/Ishtre-تفاعلي.html · ممنوع تكرار أي قيمة خام في الكود
   ═══════════════════════════════════════════ */
:root{
  --red:#E5232B; --red-dark:#C2181F; --red-tint:#FFF5F5;
  --gold:#FFC400; --gold-ink:#1A1200;
  --ink:#141414; --ink-2:#6B6E78; --ink-3:#9A9DA8;
  --line:#EBEBEF; --line-2:#D1D3D9; --bg:#FFFFFF; --bg-alt:#F7F7F9;
  --green:#0E9F5D; --green-tint:#EDF9F3;
  --r-sm:10px; --r-md:14px; --r-lg:18px;
  --sh-1:0 1px 3px rgb(20 20 20 / .06);
  --sh-2:0 8px 24px rgb(20 20 20 / .10);
  --sh-red:0 10px 30px rgb(229 35 43 / .35);
  --font-d:'Cairo',sans-serif;
  --font-b:'IBM Plex Sans Arabic',sans-serif;
  --font-logo:'Roboto Slab',serif;
  --ease:cubic-bezier(.34,1.3,.5,1);
  /* Aliases/references for components */
  --text:var(--ink);
  --text-primary:var(--ink);
  --border:var(--line);
  --surface:var(--bg);
  --primary:var(--red);
  --gray:var(--ink-2);
  --r-card:var(--r-md);
}