/* =========================================================================
   نظام الهوية البصرية لموقع منظمة محامي ناحية باتنة
   -------------------------------------------------------------------------
   هذا الملف هو المصدر الوحيد لألوان الموقع وأبعاده.
   • لتغيير هوية الموقع بالكامل: عدّل القيم في :root أدناه فقط.
   • لتعميم الهوية على أي صفحة/قالب آخر، أضف في رأس الصفحة:
       <link rel="stylesheet" href="{{ asset('css/theme.css') }}">

   الهوية الحالية: «عنابي خمري + ذهبي» (طابع قانوني فاخر كلاسيكي)
   ========================================================================= */

:root {
    /* ===== الألوان الأساسية ===== */
    --primary-blue:   #7B1E2B;   /* عنابي خمري عميق — اللون الرئيسي */
    --secondary-blue: #9B2C3A;   /* خمري نبيذي — للروابط والتفاعل */
    --accent-gold:    #C9A227;   /* ذهبي — اللون المميِّز (لمسات وحدود) */
    --accent-soft:    #E2C566;   /* ذهبي فاتح — للعناصر فوق الخلفيات الداكنة */

    /* ===== الخلفيات والمحايدات ===== */
    --light-gold:  #F7EBD0;      /* ذهبي فاتح كريمي (لمسات مميّزة) */
    --light-gray:  #FBF7F2;      /* خلفية كريمية دافئة فاتحة */
    --dark-gray:   #2A1518;      /* بنّي خمري داكن */
    --text-dark:   #2D2326;      /* لون النص الأساسي (شبه أسود دافئ) */
    --text-light:  #7C6F72;      /* لون النص الثانوي (رمادي دافئ) */

    /* ===== الأبعاد والحواف ===== */
    --border-radius:    14px;
    --border-radius-sm: 10px;

    /* ===== الظلال (بمسحة دافئة) ===== */
    --box-shadow:    0 4px 20px rgba(123, 30, 43, 0.10);
    --box-shadow-lg: 0 14px 40px rgba(123, 30, 43, 0.18);

    /* ===== التدرّجات ===== */
    --gradient-primary: linear-gradient(135deg, #7B1E2B 0%, #9B2C3A 100%);
    --gradient-accent:  linear-gradient(135deg, #9B2C3A 0%, #B23A48 100%);

    /* ===== الحركة والأبعاد العامة ===== */
    --transition:     all 0.3s ease;
    --header-height:  80px;
}

/* =========================================================================
   فئات مساعدة جاهزة للاستخدام المباشر في أي صفحة (للتعميم المستقبلي)
   ========================================================================= */
.bg-theme-primary   { background: var(--primary-blue) !important; color: #fff !important; }
.bg-theme-gradient  { background: var(--gradient-primary) !important; color: #fff !important; }
.bg-theme-soft      { background: var(--light-gold) !important; }
.text-theme-primary { color: var(--primary-blue) !important; }
.text-theme-accent  { color: var(--secondary-blue) !important; }

.btn-theme {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--gradient-primary);
    color: #fff;
    border: none;
    padding: 10px 22px;
    border-radius: var(--border-radius-sm);
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
    box-shadow: 0 6px 18px rgba(123, 30, 43, 0.30);
}
.btn-theme:hover {
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(123, 30, 43, 0.38);
}

.card-theme {
    background: #fff;
    border: 1px solid #EFE6DA;
    border-radius: 18px;
    box-shadow: var(--box-shadow);
}