:root {
  --primary-color: #2563eb;
  --primary-dark: #1d4ed8;
  --primary-light: #3b82f6;
  --secondary-color: #64748b;
  --accent-color: #f59e0b;
  --success-color: #10b981;
  --warning-color: #f59e0b;
  --danger-color: #ef4444;
  --info-color: #06b6d4;
  --gray-50: #f8fafc;
  --gray-100: #f1f5f9;
  --gray-900: #0f172a;

  --gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  --gradient-success: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);
  --gradient-warning: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);

  --font-primary: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-arabic: 'Cairo', 'Tajawal', sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
}

body { font-family: var(--font-arabic), var(--font-primary); }

.card--base { border: 1px solid var(--gray-100); border-radius: 12px; }
.card__header { border-bottom: 1px solid var(--gray-100); background: #fff; }
.card__title { font-size: var(--text-lg); color: var(--gray-900); }
.card__body { background: #fff; }

.card--stats { border: none; border-radius: 12px; background: #fff; }
.card--success { background: linear-gradient(0deg, rgba(16,185,129,0.05), rgba(16,185,129,0.05)); }
.card__icon { color: var(--primary-color); }
.card__label { color: var(--secondary-color); font-size: var(--text-sm); }
.card__value { font-weight: 700; color: var(--gray-900); }

.btn--primary { background: var(--primary-color); color: #fff; }
.btn--success { background: var(--success-color); color: #fff; }
.btn--warning { background: var(--warning-color); color: #fff; }
.btn--danger { background: var(--danger-color); color: #fff; }

.navbar.bg-primary { background-color: var(--primary-color) !important; }