/* =========================================================
   هوية «مراقبة الامتثال» — رموز التصميم
   مشتقة من هوية فلاي أوفر كونتيننتس (foc.com.sa):
   الكحلي هوية، لون المسار (route) للأفعال، المنارة (beacon) للإشارة فقط.
   المرجع: نظام التصميم «مراقبة الامتثال» (tokens.json).
   ========================================================= */

/* ---------- الخطوط (ملفات محلية من موقع الشركة) ---------- */
@font-face { font-family: "Alexandria"; src: url("fonts/alexandria-arabic-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Alexandria"; src: url("fonts/alexandria-arabic-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Alexandria Latin"; src: url("fonts/alexandria-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Alexandria Latin"; src: url("fonts/alexandria-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Plex Arabic"; src: url("fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Plex Arabic"; src: url("fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Plex Latin"; src: url("fonts/ibm-plex-sans-arabic-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Plex Latin"; src: url("fonts/ibm-plex-sans-arabic-latin-600-normal.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  /* ---------- رموز الهوية (الفاتح) ---------- */
  --surface-page:   #EAF0F4;
  --surface-card:   #FFFFFF;
  --surface-sunken: #F4F7FA;
  --surface-nav:    #12263A;
  --surface-nav-2:  #1B344D;   /* مرور الفأرة في القائمة */
  --surface-nav-3:  #22405C;   /* العنصر النشط في القائمة */
  --ink:            #12263A;
  --ink-muted:      #4A5D70;
  --ink-on-nav:     #FFFFFF;
  --ink-on-nav-muted: #A9B8C6;
  --route:          #1C6E8C;
  --route-deep:     #14536A;
  --route-tint:     #DCEBF1;
  --on-route:       #FFFFFF;
  --beacon:         #D9962B;
  --line:           #CFDAE3;
  --line-strong:    #788B9D;
  --status-ok: #1E7A4F;      --status-ok-bg: #E3F2EA;
  --status-due: #8A5300;     --status-due-bg: #FBEFD9;
  --status-breach: #B42318;  --status-breach-bg: #FBE5E3;
  --status-unknown: #56687A; --status-unknown-bg: #E7ECF0;
  --shadow-card: 0 1px 2px rgba(18,38,58,0.06), 0 4px 16px rgba(18,38,58,0.06);

  --font-display: Alexandria, "Alexandria Latin", "Plex Arabic", system-ui, sans-serif;
  --font-body: "Plex Arabic", "Plex Latin", system-ui, "Segoe UI", Tahoma, sans-serif;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px;
  --radius-sm: 6px; --radius-md: 14px; --radius-pill: 999px;
}

/* الهوية فاتحة فقط — الوضع الداكن أُلغي نهائياً (D-21). */
:root { color-scheme: light; }

/* ---------- أسماء الواجهة (تشير إلى رموز الهوية) ---------- */
:root {
  --ground: var(--surface-page); --surface: var(--surface-card); --surface-2: var(--surface-sunken); --field: var(--surface-card);
  --ink-2: var(--ink); --ink-3: var(--ink-muted); --faint: var(--ink-muted);
  --accent: var(--route); --accent-dark: var(--route-deep); --accent-2: var(--route-deep);
  --accent-wash: var(--route-tint); --accent-tint: var(--route-tint); --on-accent: var(--on-route);
  --gold: var(--beacon); --brass: var(--status-due); --brass-ink: var(--status-due); --gold-wash: var(--status-due-bg);
  --night: var(--surface-nav); --night-2: var(--surface-nav-2); --night-3: var(--surface-nav-3);
  --ok: var(--status-ok); --ok-wash: var(--status-ok-bg);
  --warn: var(--status-due); --warn-wash: var(--status-due-bg);
  --crit: var(--status-breach); --crit-wash: var(--status-breach-bg);
  --unknown: var(--status-unknown); --unknown-wash: var(--status-unknown-bg);
  --info: var(--route-deep); --info-wash: var(--route-tint);
  --f-display: var(--font-display); --f-body: var(--font-body); --f-mono: var(--font-body);
  --radius: var(--radius-md); --shadow: var(--shadow-card);
}

/* ---------- التوقيع ---------- */
.brand      { display: flex; align-items: center; gap: 12px; text-decoration: none; color: inherit; }
.brand-mark { width: 36px; height: 36px; flex-shrink: 0; display: block; }
.brand-mark.lg { width: 48px; height: 48px; }
.brand-name { font-family: var(--font-display); font-size: 18px; font-weight: 700; line-height: 1.35; }
.brand-sub  { font-size: 12.5px; color: var(--ink-muted); }