/* Easeldesk brand tokens — v1
   Fonts: load from Google Fonts
   https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap
*/
:root {
  /* Core */
  --ed-purple: #533F99;        /* Easel Purple — primary: logo, buttons, headers, active nav */
  --ed-purple-hover: #3E2E78;
  --ed-purple-tint: #EEEAF7;   /* selected rows, soft highlights */
  --ed-ink: #1C1830;           /* primary text, icons */
  --ed-ink-2: #4A4560;         /* secondary text */
  --ed-ink-3: #6B6585;         /* captions, meta */
  --ed-canvas: #F7F5FB;        /* app background */
  --ed-surface: #FFFFFF;       /* cards, panels */
  --ed-border: #E3DFEE;

  /* Status (solid = dots, bars, charts; tint/text = chips & badges) */
  --ed-green: #43B649;   --ed-green-tint: #E6F5E7;   --ed-green-text: #256B2A;   /* Delivered · تم التسليم */
  --ed-blue: #3C60AC;    --ed-blue-tint: #E4EAF6;    --ed-blue-text: #2B4A8A;    /* In progress · على الحامل */
  --ed-yellow: #FAB648;  --ed-yellow-tint: #FEF3DC;  --ed-yellow-text: #8A5A00;  /* In review · بانتظار المراجعة */
  --ed-red: #E83730;     --ed-red-tint: #FCE5E3;     --ed-red-text: #B3261E;     /* Needs attention · يحتاج انتباه */

  /* Type */
  --ed-font-latin: 'Space Grotesk', system-ui, sans-serif;
  --ed-font-arabic: 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --ed-font: 'IBM Plex Sans Arabic', 'Space Grotesk', system-ui, sans-serif; /* Arabic-first UI */

  --ed-text-display: 56px;
  --ed-text-h1: 40px;
  --ed-text-h2: 28px;
  --ed-text-h3: 20px;
  --ed-text-body: 16px;
  --ed-text-caption: 13px;
  --ed-leading-latin: 1.5;
  --ed-leading-arabic: 1.7;

  /* Shape */
  --ed-radius-sm: 8px;
  --ed-radius-md: 12px;
  --ed-radius-lg: 20px;
  --ed-radius-pill: 999px;
}