/* هوية لونج ديجيتال — رموز الألوان والخطوط. الإصدار 1.0 (سبتمبر 2026)
   الاستخدام: @import أو <link> قبل أي ستايل تاني، وبعدين استعمل المتغيرات. */
:root {
  /* الأساسية */
  --ld-petrol:       #0F5A73;   /* بترول — اللون الأساسي: أزرار، روابط، البلاطة */
  --ld-petrol-dark:  #0A3D4F;   /* بترول غامق — hover، شريط جانبي */
  --ld-teal:         #3FB3D3;   /* فيروز — بديل البترول على الخلفيات الداكنة */
  --ld-amber:        #F0A422;   /* كهرمان — التمييز: المدّ، الحالة النشطة، CTA ثانوي. بحدّ 10% */
  --ld-ink:          #0C1B24;   /* حبر — النصوص والوردمارك */
  --ld-paper:        #F3F5F6;   /* ورق — أرضية الصفحات */
  --ld-white:        #FFFFFF;
  /* الرمادي المزرق (مشتق من البترول) */
  --ld-slate-900: #16262E; --ld-slate-700: #3C525E; --ld-slate-500: #5B717D;
  --ld-slate-300: #A9BAC3; --ld-slate-200: #D5DEE3; --ld-slate-100: #E8EEF1;
  /* الدلالية — مش بديلة للكهرمان */
  --ld-ok: #1F8F5F;   --ld-ok-bg: #E3F4EC;
  --ld-warn: #B86E0C; --ld-warn-bg: #FBF0DC;
  --ld-bad: #C8382E;  --ld-bad-bg: #FBE5E3;
  --ld-info: #1F6FB2; --ld-info-bg: #E3EEF9;
  /* الخطوط */
  --ld-font-display: 'Alexandria', 'IBM Plex Sans Arabic', 'Segoe UI', system-ui, sans-serif;
  --ld-font-body:    'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, system-ui, sans-serif;
  --ld-font-mono:    'IBM Plex Mono', ui-monospace, Consolas, monospace;
  /* الزوايا: بلاطة اللوجو 26% من ضلعها؛ العناصر */
  --ld-radius-sm: 6px; --ld-radius: 10px; --ld-radius-lg: 16px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ld-petrol: #3FB3D3; --ld-petrol-dark: #2A94B2; --ld-ink: #E6EEF2; --ld-paper: #0B161C;
    --ld-slate-900: #E6EEF2; --ld-slate-700: #B7C8D1; --ld-slate-500: #86A0AD;
    --ld-slate-300: #4B6674; --ld-slate-200: #29414D; --ld-slate-100: #172A34;
    --ld-ok: #5CC28F; --ld-ok-bg: #13301F; --ld-warn: #E4A84A; --ld-warn-bg: #33250F;
    --ld-bad: #EE8A80; --ld-bad-bg: #3A1A17; --ld-info: #6FAEE8; --ld-info-bg: #14283A;
  }
}
:root[data-theme="dark"] {
  --ld-petrol: #3FB3D3; --ld-petrol-dark: #2A94B2; --ld-ink: #E6EEF2; --ld-paper: #0B161C;
  --ld-slate-900: #E6EEF2; --ld-slate-700: #B7C8D1; --ld-slate-500: #86A0AD;
  --ld-slate-300: #4B6674; --ld-slate-200: #29414D; --ld-slate-100: #172A34;
  --ld-ok: #5CC28F; --ld-ok-bg: #13301F; --ld-warn: #E4A84A; --ld-warn-bg: #33250F;
  --ld-bad: #EE8A80; --ld-bad-bg: #3A1A17; --ld-info: #6FAEE8; --ld-info-bg: #14283A;
}