/* ===== متغيرات التصميم (Design Tokens) ===== */
:root {
  --primary: #0f766e;
  --primary-600: #0d655e;
  --primary-50: #e6f4f2;
  --accent: #f59e0b;
  --success: #16a34a;
  --danger: #dc2626;
  --warning: #d97706;
  --info: #2563eb;

  --bg: #f4f6f9;
  --surface: #ffffff;
  --surface-2: #f8fafc;
  --border: #e2e8f0;
  --text: #0f172a;
  --text-muted: #64748b;

  --radius: 12px;
  --radius-sm: 8px;
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --shadow: 0 4px 16px rgba(15, 23, 42, .08);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, .16);

  --sidebar-w: 264px;
  --sidebar-w-collapsed: 72px;
  --header-h: 64px;
  --font: 'Cairo', 'Tajawal', 'Segoe UI', Tahoma, 'Noto Sans Arabic', system-ui, sans-serif;
  --transition: .2s ease;
}

/* الوضع الداكن */
:root[data-theme="dark"] {
  --bg: #0b1220;
  --surface: #111a2e;
  --surface-2: #16213a;
  --border: #243252;
  --text: #e6edf7;
  --text-muted: #93a3bd;
  --primary-50: #0f2f2c;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);
  --shadow: 0 4px 16px rgba(0, 0, 0, .4);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);
}