/* ============================================================
   WAMDA DESIGN TOKENS — v9.24.0
   طبقة الرموز الوحيدة (--wx-*). تُحمَّل أولاً في اللوحة وصفحة الدخول.
   القيم هنا = مظهر ومضة الافتراضي (تيل، أسطح بيضاء، زوايا 14px، ظلال ناعمة).

   ترتيب الطبقات (الأخير يفوز):
     1) هذا الملف            :root                     الافتراضيات
     2) CSS ديناميكي من PHP   :root                     لون العلامة/الخط من الإعدادات
     3) ملف السمة            html[data-wamda-skin="x"]  assets/css/skins/{x}.css
     4) رموز القالب (handshake) html[data-wamda-skin]  add_theme_support('wamda-brand')
     5) تجاوز لون العلامة    html[data-wamda-skin]      accent_color_override=1

   القاعدة: الكود الجديد يستخدم --wx-* فقط. --wamda-* أسماء مستعارة للتوافق.
   ============================================================ */

:root {
    /* ---- الأساسي (سطح السايدبار/العلامة) ---- */
    --wx-primary: #FFFFFF;
    --wx-primary-ink: #141A26;                 /* نص على الأساسي */
    --wx-primary-ink-2: #5A6478;               /* نص ثانوي على الأساسي */
    --wx-primary-ink-3: #99A2B5;               /* نص خافت / عناوين الأقسام */
    --wx-primary-line: #E5E9F2;                /* فواصل داخل السايدبار */
    --wx-primary-hover: #F5F7FB;               /* خلفية العنصر عند المرور */
    --wx-primary-active: rgba(var(--wx-accent-rgb), .12); /* خلفية العنصر النشط */
    --wx-primary-active-ink: var(--wx-accent); /* نص/أيقونة العنصر النشط */
    --wx-primary-marker: var(--wx-accent);     /* الشريط الجانبي للعنصر النشط */

    /* ---- لون العلامة ---- */
    --wx-accent: #14B8A6;
    --wx-accent-hover: #0FA695;
    --wx-accent-rgb: 20, 184, 166;
    --wx-on-accent: #FFFFFF;
    --wx-accent-soft: rgba(var(--wx-accent-rgb), .12);

    /* ---- الأسطح ---- */
    --wx-canvas: #EDF0F6;
    --wx-surface: #FFFFFF;
    --wx-surface-2: #F5F7FB;

    /* ---- النصوص ---- */
    --wx-text: #141A26;
    --wx-text-2: #5A6478;
    --wx-muted: #99A2B5;
    --wx-text-3: var(--wx-muted);

    /* ---- الحدود ---- */
    --wx-border: #E5E9F2;
    --wx-border-strong: #D7DDEA;

    /* ---- الحالات ---- */
    --wx-success: #1A7F37;
    --wx-success-rgb: 26, 127, 55;
    --wx-success-soft: rgba(var(--wx-success-rgb), .10);
    --wx-warning: #9A6700;
    --wx-warning-rgb: 154, 103, 0;
    --wx-warning-soft: rgba(var(--wx-warning-rgb), .10);
    --wx-danger: #CF222E;
    --wx-danger-rgb: 207, 34, 46;
    --wx-danger-soft: rgba(var(--wx-danger-rgb), .10);
    --wx-info: #0969DA;
    --wx-info-rgb: 9, 105, 218;
    --wx-info-soft: rgba(var(--wx-info-rgb), .10);
    --wx-on-status: #FFFFFF;                   /* نص فوق ألوان الحالات المشبّعة */

    /* ---- ألوان علامات خارجية (لا تُغيّرها السمات) ---- */
    --wx-brand-whatsapp: #25D366;
    --wx-brand-whatsapp-dark: #128C7E;
    --wx-brand-call: #0EA5E9;
    --wx-brand-cloudflare: #F38020;

    /* ---- الزوايا ---- */
    --wx-radius-xs: 6px;
    --wx-radius-sm: 8px;
    --wx-radius-md: 12px;
    --wx-radius: 14px;                          /* زاوية المكوّن (بطاقات/حقول/عناصر التنقّل) */
    --wx-radius-lg: 22px;
    --wx-radius-pill: 999px;
    --wx-frame-radius: 26px;                    /* إطار النافذة العائمة */
    --wx-frame-margin: 18px;

    /* ---- الظلال ---- */
    --wx-shadow-sm: 0 1px 2px rgba(20, 26, 38, .04), 0 4px 14px rgba(80, 95, 130, .07);
    --wx-shadow-md: 0 6px 24px rgba(80, 95, 130, .12);
    --wx-shadow-lg: 0 20px 55px rgba(45, 60, 95, .16);
    --wx-shadow-accent: 0 8px 20px rgba(var(--wx-accent-rgb), .35);
    --wx-focus-ring: 0 0 0 4px rgba(var(--wx-accent-rgb), .12);

    /* ---- الخطوط ---- */
    --wx-font-body: 'Tajawal', sans-serif;      /* يُستبدل من PHP بخط الإعدادات */
    --wx-font-heading: var(--wx-font-body);
    --wx-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

    /* ---- الشعار (شعار القالب عبر المصافحة) ----
       فلتر يُطبَّق على شعار العلامة فوق الأسطح الفاتحة (مثلاً شعار أبيض → داكن)،
       وفلتره فوق سطح الأساسي (السايدبار). السايدبار الافتراضي فاتح فيرث الأول. */
    --wx-logo-light-filter: none;
    --wx-primary-logo-filter: var(--wx-logo-light-filter);

    /* ---- الحركة ---- */
    --wx-ease: ease;
    --wx-dur: .18s;

    /* ---- الأبعاد ---- */
    --wx-sidebar-w: 272px;
    --wx-topbar-h: 74px;

    /* ============================================================
       أسماء مستعارة للتوافق (--wamda-*) — محسوبة من --wx-*
       ============================================================ */
    --wamda-accent: var(--wx-accent);
    --wamda-accent-hover: var(--wx-accent-hover);
    --wamda-accent-light: var(--wx-accent);
    --wamda-accent-dark: var(--wx-accent-hover);
    --wamda-accent-rgb: var(--wx-accent-rgb);
    --wamda-primary: var(--wx-accent);
    --wamda-contrast-on-accent: var(--wx-on-accent);

    --wamda-bg-main: var(--wx-canvas);
    --wamda-bg-primary: var(--wx-canvas);
    --wamda-bg-secondary: var(--wx-surface);
    --wamda-bg-tertiary: var(--wx-surface-2);
    --wamda-bg-hover: var(--wx-surface-2);
    --wamda-bg-elevated: var(--wx-surface);
    --wamda-card-bg: var(--wx-surface);
    --wamda-sidebar: var(--wx-primary);
    --wamda-sidebar-hover: var(--wx-primary-hover);
    --wamda-adminbar: var(--wx-surface);

    --wamda-border: var(--wx-border-strong);
    --wamda-border-light: var(--wx-border);
    --wamda-border-strong: var(--wx-border-strong);

    --wamda-text-primary: var(--wx-text);
    --wamda-text-secondary: var(--wx-text-2);
    --wamda-text-tertiary: var(--wx-text-2);
    --wamda-text-muted: var(--wx-muted);

    --wamda-shadow-sm: var(--wx-shadow-sm);
    --wamda-shadow-md: var(--wx-shadow-md);
    --wamda-shadow-lg: var(--wx-shadow-lg);
    --wamda-shadow-glow: 0 0 20px rgba(var(--wx-accent-rgb), .12);

    --wamda-success: var(--wx-success);
    --wamda-success-bg: var(--wx-success-soft);
    --wamda-warning: var(--wx-warning);
    --wamda-warning-bg: var(--wx-warning-soft);
    --wamda-warning-rgb: var(--wx-warning-rgb);
    --wamda-error: var(--wx-danger);
    --wamda-error-bg: var(--wx-danger-soft);
    --wamda-info: var(--wx-info);
    --wamda-info-bg: var(--wx-info-soft);

    --wamda-font: var(--wx-font-body);
}