/* ============================================================
   aamaq-theme.css — مطابق لنظام المخزون (المُختبَر)
   ============================================================ */

:root {
  --font-main: 'IBM Plex Sans Arabic', 'Tajawal', system-ui, sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 9999px;
  --primary: #4ADE80;
  --primary-hover: #22C55E;
  --primary-on: #0F172A;
  --success: #4ADE80;
  --warning: #FBBF24;
  --danger: #F87171;
  --info: #60A5FA;
}

/* Light Mode (افتراضي) — مطابق لـ inventory-v2/styles.css */
:root,
[data-theme="light"] {
  --bg-main:        #F4F5F8;
  --bg-card:        #FFFFFF;
  --bg-soft:        #F0F2F6;
  --bg-active:      #E8EAEF;
  --text-primary:   #0F172A;
  --text-secondary: rgba(15,23,42,0.72);
  --text-muted:     rgba(15,23,42,0.50);
  --border-color:   rgba(15,23,42,0.10);
  --border-strong:  rgba(15,23,42,0.18);
  --shadow-sm: 0 1px 2px rgba(15,23,42,0.06);
  --shadow-md: 0 8px 24px rgba(15,23,42,0.08);
}

/* Dark Mode — مطابق لـ inventory-v2/styles.css */
html[data-theme="dark"],
[data-theme="dark"],
body.aamaq-dark {
  --bg-main:        #14172B;
  --bg-card:        #1E2240;
  --bg-soft:        #181B33;
  --bg-active:      #2A2F4F;
  --text-primary:   #F5F5F7;
  --text-secondary: rgba(245,245,247,0.65);
  --text-muted:     rgba(245,245,247,0.42);
  --border-color:   rgba(255,255,255,0.08);
  --border-strong:  rgba(255,255,255,0.14);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.25);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.35);
}

/* Aliases للتوافق مع الكود القديم */
:root {
  --background:        var(--bg-main);
  --surface:           var(--bg-card);
  --surface-secondary: var(--bg-soft);
  --surface-tertiary:  var(--bg-card);
  --surface-active:    var(--bg-active);
  --bg-base:           var(--bg-main);
  --bg-canvas:         var(--bg-main);
  --bg-surface:        var(--bg-card);
  --bg-elevated:       var(--bg-soft);
  --bg-hover:          var(--bg-active);
  --text-tertiary:     var(--text-muted);
  --text-disabled:     var(--text-muted);
  --text-faint:        var(--text-muted);
  --border:            var(--border-color);
  --border-default:    var(--border-color);
  --border-focus:      var(--primary);
  --green: var(--success);
  --red:   var(--danger);
  --amber: var(--warning);
  --blue:  var(--info);
  --error: var(--danger);
  --font-sans: var(--font-main);
}

/* Base font */
html, body { font-family: var(--font-main); }