/* GAFSA EAT — أساسيات التصميم (Design Tokens) */
:root{
  /* الأخضر الزمردي */
  --emerald-900:#06402F; --emerald-800:#075340; --emerald-700:#0A6650;
  --emerald-600:#0B7A5E; --emerald-100:#DDF3EA; --emerald-50:#EFF9F4;
  /* الألوان الدافئة: زعفران وهريسة ورمل */
  --saffron:#F2A33A; --saffron-100:#FDF0D8;
  --harissa:#D8432A; --harissa-100:#FBE3DD;
  --sand:#F1E7D6;
  /* المحايدات */
  --ink:#14231D; --ink-2:#4A5B54; --ink-3:#6F7F78;
  --line:#E1E8E4; --bg:#F6F8F6; --surface:#FFFFFF;
  /* الأدوار */
  --primary:var(--emerald-600); --primary-dark:var(--emerald-800);
  --accent:var(--saffron); --danger:var(--harissa); --success:var(--emerald-600);
  /* الشكل */
  --r-sm:10px; --r-md:16px; --r-lg:24px; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(20,35,29,.06),0 2px 8px rgba(20,35,29,.05);
  --shadow-md:0 6px 20px rgba(20,35,29,.10);
  --shadow-lg:0 20px 50px rgba(20,35,29,.16);
  /* المسافات */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px;
  /* الخطوط */
  --font-head:'Cairo','Tajawal','Segoe UI',Tahoma,sans-serif;
  --font-body:'IBM Plex Sans Arabic','Cairo','Segoe UI',Tahoma,sans-serif;
  --fs-xs:.78rem; --fs-sm:.9rem; --fs-md:1rem; --fs-lg:1.25rem; --fs-xl:1.6rem; --fs-2xl:2rem;
  --nav-h:64px;
}

/* ===== المرحلة 2: الوضع الداكن الفاخر (أسود + برتقالي + ذهبي + زمردي) ===== */
:root{color-scheme:dark;
 --bg:#050706;--surface:#101514;--ink:#F6F1E7;--ink-2:#CFC7B6;--ink-3:#8E8878;--line:#222B28;
 --gold:#D9A441;--orange:#FF8A1F;--accent:var(--orange);--primary:#12B886;--primary-dark:#0A6650;--saffron:var(--orange);
 --saffron-100:#2B1B08;--harissa-100:#2E120C;--shadow-sm:0 2px 10px rgba(0,0,0,.5);--shadow-md:0 8px 26px rgba(0,0,0,.6)}