fix: update theme to El3ab brand identity + add reset button

- Update variables.css surfaces to match brand navy (#152132)
- Add sidebar-bg and input-bg CSS variables with fallbacks
- Add "Reset to Brand Identity" button in branding settings
- Add resetColors controller action that reverts all colors to
  their default_value from platform_theme
- Reset live DB colors to brand defaults
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

config/routes.php

@@ -174,6 +174,7 @@ return [
     'branding/colors' => ['module' => 'branding', 'action' => 'colors'],
     'branding/assets' => ['module' => 'branding', 'action' => 'assets'],
     'branding/update-color' => ['module' => 'branding', 'action' => 'updateColor'],
+    'branding/reset-colors' => ['module' => 'branding', 'action' => 'resetColors'],
     'branding/upload-asset' => ['module' => 'branding', 'action' => 'uploadAsset'],
 
     // Analytics

modules/branding/controller.php

@@ -91,4 +91,28 @@ class BrandingController
         AuditLog::log('upload', 'platform_asset', $id);
         Response::success('تم رفع الملف', '/branding');
     }
+
+    public function resetColors(array $params, string $method): void
+    {
+        Auth::requireCsrf();
+        Auth::requireRole('superadmin');
+
+        $colors = $this->db->select('platform_theme', [
+            'select' => 'id,default_value',
+            'category' => 'eq.color',
+        ]);
+
+        foreach ($colors as $color) {
+            if (!empty($color['default_value'])) {
+                $this->db->update('platform_theme', ['id' => "eq.{$color['id']}"], [
+                    'value' => $color['default_value'],
+                    'updated_at' => date('c'),
+                ]);
+            }
+        }
+
+        ThemeService::invalidateCache();
+        AuditLog::log('reset', 'platform_theme', null, null, ['action' => 'reset_to_defaults']);
+        Response::success('تم إعادة جميع الألوان إلى هوية El3ab الأصلية', '/branding');
+    }
 }

modules/branding/views/index.php

@@ -275,6 +275,16 @@
     <?php if (empty($colors)): ?>
         <div class="card"><div class="empty-state"><h3 class="empty-state-title">لا توجد ألوان محفوظة</h3><p class="empty-state-text">أضف ألوان العلامة التجارية من جدول platform_theme</p></div></div>
     <?php else: ?>
+    <div class="flex items-center justify-between mb-4">
+        <p class="text-sm text-secondary">ألوان هوية El3ab — عدّل أي لون وسيُطبّق مباشرة على الواجهة</p>
+        <form method="POST" action="/branding/reset-colors" style="margin:0;">
+            <input type="hidden" name="_csrf" value="<?= Auth::csrfToken() ?>">
+            <button type="submit" class="btn btn-ghost btn-sm" onclick="return confirm('هل أنت متأكد؟ سيتم إعادة جميع الألوان إلى الافتراضي.')">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="1 4 1 10 7 10"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/></svg>
+                إعادة للهوية الأصلية
+            </button>
+        </form>
+    </div>
     <div class="grid grid-3">
         <?php foreach ($colors as $color): ?>
         <div class="card">

public/css/components.css

@@ -206,7 +206,7 @@
 .form-input {
     width: 100%;
     padding: var(--space-3) var(--space-4);
-    background: var(--bg-primary);
+    background: var(--input-bg, var(--bg-primary));
     border: 1px solid var(--border);
     border-radius: var(--radius-md);
     color: var(--text-primary);

public/css/layout.css

@@ -10,7 +10,7 @@
 
 .sidebar {
     grid-area: sidebar;
-    background: var(--bg-secondary);
+    background: var(--sidebar-bg, var(--bg-secondary));
     border-inline-end: 1px solid var(--border);
     position: fixed;
     inset-inline-start: 0;

public/css/variables.css

@@ -8,12 +8,14 @@
     --brand-cyan: #00FFFF;
     --brand-purple: #6834BE;
 
-    /* Surface Colors (Dark Theme) */
-    --bg-primary: #0a0e1a;
-    --bg-secondary: #111827;
-    --bg-elevated: #1a2235;
-    --bg-hover: #1f2937;
-    --bg-active: #253348;
+    /* Surface Colors (Dark Theme — El3ab Navy) */
+    --bg-primary: #152132;
+    --bg-secondary: #1C2A3F;
+    --bg-elevated: #253A52;
+    --bg-hover: #2D4562;
+    --bg-active: #354F6E;
+    --sidebar-bg: #0F1923;
+    --input-bg: #1A2638;
     --border: rgba(255, 255, 255, 0.06);
     --border-hover: rgba(255, 255, 255, 0.12);
     --border-focus: rgba(32, 130, 240, 0.5);