/*
 * هوية سهد — المصدر الوحيد للألوان والخط في المنصة كلها.
 * لا يُكتب أي لون في أي ملف آخر. غيّر القيم هنا فيتغير الثيم في كل الصفحات.
 * القيم الحالية: نظام ألوان واجهات سهد الداخلية، وتُستبدل بألوان sahd.ps الرسمية عند توفيرها.
 *
 * ملاحظات التباين (WCAG):
 * - ‎--ink-3 على الأبيض 3.6:1 → للحدود والعناصر الزخرفية فقط، لا لنص.
 * - ‎--warn على ‎--warn-soft‏ 4.0:1 → في التنبيهات يكون النص ‎--ink واللون للحد والأيقونة فقط.
 */
:root{
  /* Google sign-in button, light theme (developers.google.com/identity/branding-guidelines): kept the same in dark mode. */
  --google-fill: #ffffff;
  --google-stroke: #747775;
  --google-ink: #1f1f1f;
  --google-hover: #f2f2f2;
  --bg:#f6f7f9; --surface:#ffffff; --surface-sunk:#f0f2f5;
  --border:#dfe3e8; --border-strong:#c4cad2;
  --ink:#16202c; --ink-2:#4a5867; --ink-3:#78889a; --ink-on:#ffffff;
  --brand:#1b5e8c; --brand-dark:#14456a; --brand-soft:#e7f0f7;
  --ok:#1e7a4d;   --ok-soft:#e4f4ec;
  --warn:#a86a12; --warn-soft:#fdf2e0;
  --bad:#b3261e;  --bad-soft:#fbe9e8;
  --font:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --r-sm:6px; --r-md:10px; --r-lg:14px;
  --shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  /* الإطارات والبطاقات البارزة في الصفحة الرئيسية (specs/10). */
  --shadow-lg:0 12px 32px rgba(16,24,40,.10),0 2px 6px rgba(16,24,40,.06);
  /* D227: هاتف الصفحة الرئيسية (معدن وزجاج، بلا علامة تجارية)، نفسه في الوضع الداكن. */
  --phone-metal: linear-gradient(140deg, #f3f5f8 0%, #a9b0ba 18%, #eef0f3 34%, #8a929d 58%, #e2e5ea 78%, #9aa1ab 100%);
  --phone-depth:
    inset 0 0 0 1px rgba(255, 255, 255, .75),
    inset 0 0 0 2.5px #626a76,
    1px 1px 0 #7b828d, 2px 2px 0 #737a85, 3px 3px 0 #6b727d, 4px 4px 0 #636a75, 5px 5px 0 #5b626c,
    6px 7px 0 #535a64,
    0 34px 60px -24px rgba(15, 23, 42, .55), 0 14px 28px -16px rgba(15, 23, 42, .35);
  --phone-key: linear-gradient(90deg, #6b727d, #c9ced5);
  --phone-glass: linear-gradient(118deg, rgba(255, 255, 255, .34) 0%, rgba(255, 255, 255, .1) 24%, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0) 78%, rgba(255, 255, 255, .08) 100%);
  --phone-screen-edge: inset 0 0 0 1px rgba(0, 0, 0, .35);
  --phone-island: #0b0f17;
  --phone-floor: radial-gradient(closest-side, rgba(15, 23, 42, .32), rgba(15, 23, 42, 0));

  /* D239: لون مساعد واحد حيوي من شعار سهد (نسختان خلف THEME_ACCENT → html[data-accent]). الكحلي يبقى للعناوين والهوية.
     ‎--accent مع الأبيض 5.07:1 (للأزرار والنص)، ‎--accent-icon على الأبيض 4.2:1 (للأيقونات والحدود)،
     ‎--accent-vivid لون الشعار نفسه للزخرفة فقط (لا نص عليه). */
  --accent:#0e7c72; --accent-hover:#0b6e66; --accent-icon:#0f8a7e; --accent-soft:#e3f5f2; --accent-vivid:#48c8b8;
  /* أقسام متناوبة بلون فاتح جداً على الخلفية البيضاء. */
  --bg-alt:#f6f9fa;

  /* مشتقات (ليست ألواناً جديدة) */
  --input-border: var(--ink-3);
  --focus-ring: var(--brand);
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  /* المقاسات */
  --text-base: 16px;
  --leading: 1.7;
  --tap: 44px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --content-max: 1120px;
  --sidebar-w: 248px;
}

/* D239: النسخة (ب): المساعد برتقالي من الشعار. ‎--accent مع الأبيض 5.35:1، ‎--accent-icon على الأبيض 4.5:1. */
:root[data-accent="orange"]{
  --accent:#b8452a; --accent-hover:#a63d24; --accent-icon:#c8502f; --accent-soft:#fdece6; --accent-vivid:#f08878;
  --bg-alt:#fbf8f6;
}