/* ============================================================
   هوية جواهر ERP — الرموز المركزية
   المصدر: Downloads/المصمم/Jawaher-ERP-Landing-Page/jawaher-landing
   النطاق: الموقع الرسمي (landing) + المتجر العام (storefront).
   لوحة التحكم (companies/*) وصفحات الدخول والتسجيل خارج هذا الملف.
   ============================================================ */

/* ---------- الخطوط ---------- */
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/plex-arabic-400.woff2) format('woff2'),
         url(fonts/plex-arabic-400.ttf) format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/plex-arabic-500.woff2) format('woff2'),
         url(fonts/plex-arabic-500.ttf) format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/plex-arabic-600.woff2) format('woff2'),
         url(fonts/plex-arabic-600.ttf) format('truetype');
}
@font-face {
    font-family: 'IBM Plex Sans Arabic';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/plex-arabic-700.woff2) format('woff2'),
         url(fonts/plex-arabic-700.ttf) format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/inter-400.woff2) format('woff2'),
         url(fonts/inter-400.ttf) format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/inter-600.woff2) format('woff2'),
         url(fonts/inter-600.ttf) format('truetype');
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/inter-700.woff2) format('woff2'),
         url(fonts/inter-700.ttf) format('truetype');
}

/* ---------- الرموز ---------- */
:root {
    /* الكحلي — الأسطح الداكنة والحبر */
    --jw-navy: #0e1a2b;
    --jw-rich: #13243d;
    --jw-soft: #27466b;

    /* التركواز — الهوية والإجراءات.
       ⚠️ `--jw-teal` و`--jw-teal-hover` **للزخرفة والمساحات الكبيرة فقط**:
       الأبيض عليهما 3.29:1 و3.74:1 — دون AA. لأي نص أو زرّ بنص أبيض استعمل
       `--jw-teal-ink` (4.57:1) أو `--jw-teal-deep` (5.17:1). راجع
       `--jw-grad-action` أدناه. */
    --jw-teal: #14b8a6;
    --jw-teal-hover: #0f9f91;
    --jw-teal-ink: #0c8479;
    --jw-teal-deep: #077a78;
    --jw-pale: #d9f4f0;

    /* المحايد */
    --jw-muted: #6b7a90;
    --jw-line: #d9e2ec;
    --jw-line-soft: #e9eef4;
    --jw-bg: #f8fafc;
    --jw-surface: #ffffff;

    /* نص على خلفية داكنة */
    --jw-on-dark: #ffffff;
    --jw-on-dark-muted: #afc4d6;

    /* دلالات الحالة */
    --jw-success: #0f9f91;
    --jw-warning: #b8860b;
    --jw-danger: #c13b4d;

    /* تدرجات معتمدة — تدرّج الإجراء مُتحقَّق: الأبيض عليه 4.72:1 إلى 5.17:1 */
    --jw-grad-action: linear-gradient(120deg, #08817d, #077a78);
    --jw-grad-dark: linear-gradient(140deg, #0e1a2b, #13243d);
    --jw-grad-soft: linear-gradient(130deg, #f8fafc, #f5f8fb);

    /* الظلال */
    --jw-shadow-sm: 0 3px 9px rgba(24, 50, 74, .05);
    --jw-shadow: 0 8px 24px rgba(16, 42, 66, .08);
    --jw-shadow-teal: 0 5px 14px rgba(20, 184, 166, .2);

    /* الخطوط */
    --jw-font-ar: 'IBM Plex Sans Arabic', system-ui, sans-serif;
    --jw-font-en: 'Inter', system-ui, sans-serif;

    /* الاستدارة */
    --jw-radius-sm: 8px;
    --jw-radius: 12px;
    --jw-radius-lg: 18px;
    --jw-radius-pill: 999px;
}

/* ---------- الجوهرة (شعار العلامة) ---------- */
.jw-gem {
    display: inline-block;
    width: 30px;
    height: 38px;
    clip-path: polygon(50% 0, 100% 45%, 50% 100%, 0 45%);
    background: conic-gradient(from 35deg at 50% 45%,
        #148d9c 0deg 55deg, #55c8c2 55deg 100deg, #246d9d 100deg 150deg,
        #163a68 150deg 190deg, #42b4ad 190deg 240deg, #168482 240deg 285deg,
        #76d7cb 285deg 325deg, #216f98 325deg);
    filter: drop-shadow(0 3px 4px rgba(20, 184, 166, .2));
    flex-shrink: 0;
}

/* ---------- حالة التركيز الموحّدة ---------- */
.jw-scope :focus-visible {
    outline: 3px solid var(--jw-teal);
    outline-offset: 3px;
}

/* ---------- الأرقام: LTR دائمًا داخل نص عربي ---------- */
.jw-num {
    direction: ltr;
    unicode-bidi: isolate;
    font-family: var(--jw-font-en);
    font-variant-numeric: tabular-nums;
}