:root {
  /* Colors */
  --color-primary: #3b82f6; /* الأزرق الأساسي */
  --color-primary-hover: #2563eb;

  --color-bg-main: #0b1a2b; /* الخلفية الرئيسية */
  --color-bg-sidebar: #0f2238; /* السايدبار */
  --color-bg-card: #132a44; /* الكروت */

  --color-text-main: #ffffff; /* النص الأساسي */
  --color-text-muted: #9ca3af; /* نص خفيف */
  --color-text-dark: #1f2937;

  --color-border: #1f3a5f;

  --color-success: #22c55e;
  --color-danger: #ef4444;
  --color-warning: #f59e0b;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  /* Shadows */
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);

  /* Fonts */
  --font-main: "Cairo", sans-serif;

  /* Transition */
  --transition: all 0.3s ease;
}