/**
 * ثيم تذاكرنا — تصميم متناسق ومريح
 */
 :root {
  /* البرتقالي الأساسي */
  --primary: #ff6b35;
  --primary-dark: #e85d2c;
  --primary-light: #ff8559;
  --secondary: #f97316;
  --accent: #ffa07a;
  --success: #06d6a0;
  --danger: #ef233c;
  --warning: #ffd23f;
  
  /* الخلفيات - رمادي-أزرق فاتح */
  --bg-page: #f8f9fb;
  --bg-card: #ffffff;
  --bg-soft: #f1f3f7;
  --bg-hover: #e8ebf0;
  --bg-accent: #fff5f2;
  --bg-gradient: linear-gradient(160deg, #f8f9fb 0%, #fff5f2 50%, #f8f9fb 100%);
  
  /* النصوص - واضحة ومتباينة */
  --text: #1a1d29;
  --text-secondary: #3d4255;
  --text-muted: #6b7280;
  --text-light: #9ca3af;
  
  /* الحدود - ناعمة */
  --border: #dee2e9;
  --border-dark: #cbd1dc;
  --border-soft: #e8ecf1;
  --border-input: #d1d8e4;
  --border-focus: #ff6b35;
  
  /* الظلال - احترافية */
  --shadow-sm: 0 1px 2px rgba(26, 29, 41, 0.04);
  --shadow: 0 2px 4px rgba(26, 29, 41, 0.06);
  --shadow-md: 0 4px 8px rgba(26, 29, 41, 0.08);
  --shadow-lg: 0 12px 24px rgba(26, 29, 41, 0.12);
  --shadow-orange: 0 4px 12px rgba(255, 107, 53, 0.15);
  
  /* درجات إضافية */
  --gray-50: #f9fafb;
  --gray-100: #f3f4f6;
  --gray-200: #e5e7eb;
  --orange-50: #fff5f2;
  --orange-100: #ffe8e0;
}