/* ============================================================ السوق الشرقي v5.0 — Theme Variables Dark/Light toggle handled via data-theme attribute on All variables defined in style.css This file intentionally minimal — no overrides needed. ============================================================ */ /* Light mode specific tweaks that need higher specificity */ [data-theme="light"] #site-header { box-shadow: 0 1px 8px rgba(0,0,0,.08); } [data-theme="light"] .cart-drawer { box-shadow: -8px 0 40px rgba(0,0,0,.14); } [data-theme="light"] .p-card { box-shadow: 0 2px 10px rgba(0,0,0,.06); } [data-theme="light"] .p-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.12), 0 0 0 1px rgba(22,163,74,.18); } [data-theme="light"] .btn-primary { color: #fff; } [data-theme="light"] .stat-card { box-shadow: 0 1px 6px rgba(0,0,0,.06); } [data-theme="light"] .notif-dd { box-shadow: 0 8px 32px rgba(0,0,0,.13); } [data-theme="light"] .p-overlay { background: linear-gradient(to top, rgba(0,0,0,.55) 0%, transparent 55%); } [data-theme="light"] .p-quick-add { box-shadow: 0 4px 12px rgba(0,0,0,.25); } [data-theme="light"] .modal { box-shadow: 0 8px 40px rgba(0,0,0,.16); } [data-theme="light"] .cat-chip { background: #ffffff; } [data-theme="light"] .cat-chip:hover, [data-theme="light"] .cat-chip.on { background: #f0fdf4; } [data-theme="light"] .nav-list a:hover, [data-theme="light"] .nav-list a.active { background: rgba(22,163,74,.05); } [data-theme="light"] .dash-tab:hover, [data-theme="light"] .dash-tab.on { background: rgba(22,163,74,.05); } [data-theme="light"] #themeToggle { border-color: var(--border-2); background: var(--surface-3); } [data-theme="light"] .top-badge { background: rgba(22,163,74,.1); border-color: rgba(22,163,74,.2); } [data-theme="light"] .adm-sidebar { background: #1a2234; }