/* ==========================================================
   tokens.css — Design tokens (هوية "ورقة الرسم البياني الرقمية")
   نفس نظام الألوان والخطوط بتاع النسخة الأصلية، من غير أي تغيير
   في التصميم — الملف ده بس بيفصل القيم في مكان واحد قابل لإعادة
   الاستخدام عبر كل صفحات المشروع.
   ========================================================== */
:root{
  --paper:#FAFAF6;
  --paper-raised:#FFFFFF;
  --grid-line:#DCE4EE;
  --grid-line-soft:#E9EEF4;
  --ink:#152238;
  --ink-soft:#5B6B84;
  --ink-faint:#93A0B4;
  --border:#DDE4ED;

  --accent-orange:#E8590C;
  --accent-orange-soft:#FDEEE4;
  --accent-cyan:#1C8FA8;
  --accent-cyan-soft:#E4F3F6;
  --accent-violet:#6B4FA0;
  --accent-violet-soft:#EFEAF7;
  --accent-green:#2F9E5B;
  --accent-green-soft:#E7F6ED;
  --accent-red:#D64545;
  --accent-red-soft:#FBEAEA;

  --shadow-card: 0 1px 2px rgba(21,34,56,.04), 0 6px 20px -8px rgba(21,34,56,.10);
  --font-display:'Cairo', sans-serif;
  --font-body:'Tajawal', sans-serif;
  --font-mono:'JetBrains Mono', monospace;
}

[data-theme="dark"]{
  --paper:#10141C;
  --paper-raised:#171D28;
  --grid-line:#232B38;
  --grid-line-soft:#1B212C;
  --ink:#F2F5F9;
  --ink-soft:#A6B2C4;
  --ink-faint:#5E6C82;
  --border:#262E3C;

  --accent-orange-soft:#3A2416;
  --accent-cyan-soft:#123039;
  --accent-violet-soft:#241C38;
  --accent-green-soft:#132A1E;
  --accent-red-soft:#341A1A;

  --shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 10px 30px -12px rgba(0,0,0,.55);
}