/* ==========================================================
   Logistics Theme
   Variables
========================================================== */

:root {

    /* ===== Brand Colors =====
       تم تغميق وتهدئة الأزرق (كان صريح وفاقع شوية) وتغميق الأخضر
       شوية كمان، عشان الهوية تبقى أقرب لطابع لوجستي/بحري هادي:
       أزرق غامق (navy) + أخضر غامق (forest)، من غير ما أي لون
       يطغى بصوت عالي على التاني. */

    --primary: #0E3A5F;
    --primary-hover: #0A2A44;

    --accent: #0C6B3A;
    --accent-hover: #094F2B;

    /* درجات مساعدة من نفس عيلة الأزرق الغامق - بتتستخدم في
       الـ navbar/sidebar بدل ما كل ملف يحدد لون منفصل بنفسه */
    --navy-primary: #0B2B45;
    --navy-secondary: #163B57;
    --slate-text: #4B5D70;

    /* alias قديم لسه بيتستخدم في شوية ملفات (timeline/dialogs/reports) -
       بدل ما يفضل متغير غير معرّف (كان bug)، بقى بيشاور على الأخضر
       الغامق الحالي فيبقى متسق مع باقي الهوية */
    --gold: var(--accent);

    /* ===== Background =====
       خليت خلفية الصفحة أغمق شوية من قبل (بدل الأبيض شبه الخالص)
       عشان الكروت البيضا تبان وتدي عمق، وميحسّش المستخدم ان الشاشة
       كلها لون واحد طاغي. */

    --bg-main: #EEF1F6;
    --bg-card: #FFFFFF;

    /* نفس التدرج المستخدم في صفحة الـ Login، متعرّف مرة واحدة هنا
       عشان يتطبق في كل النظام (Desk) وفي صفحات الويب (login/signup)
       من غير ما نكرر نفس القيم في أكتر من ملف. أخف بكتير من قبل
       عشان الخلفية تبقى هادية ومريحة للعين. */
    --bg-gradient: linear-gradient(135deg,
        rgba(14,58,95,.08) 0%,
        rgba(14,58,95,.03) 22%,
        #fafbfc 48%,
        rgba(12,107,58,.03) 76%,
        rgba(12,107,58,.08) 100%
    );

    /* ===== Text ===== */

    --text-main: #111111;
    --text-light: #6B7280;
    --text-white: #FFFFFF;

    /* ===== Borders ===== */

    --border-color: #E5E7EB;

    /* ===== Status ===== */

    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;

    /* ===== Radius ===== */

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-xl: 24px;

    /* ===== Shadows ===== */

    --shadow-sm: 0 2px 8px rgba(0,0,0,.05);

    --shadow-md: 0 8px 24px rgba(15,23,42,.08);

    --shadow-lg: 0 15px 40px rgba(15,23,42,.12);

    /* ===== Animation =====
       منحنى smooth بدل الـ ease العادي، بيتستخدم في الهوفرات
       اللي محتاجة تحس ناعمة (كروت/صفوف/أزرار) */

    --transition: .25s ease;
    --ease-smooth: cubic-bezier(.22,.61,.36,1);
    --transition-smooth: .28s var(--ease-smooth);
}