:root {
  /* Brand Color Palette */
  --primary: #0A97D9;       /* SDG 14 Blue */
  --primary-dark: #00689D;  /* SDG 16 Blue */
  --secondary: #4C9F38;     /* SDG 3 Green */
  --accent: #FCC30B;        /* SDG 7 Gold */
  
  /* Theme Surfaces (Sleek Dark Mode) */
  --bg-dark: #0B1120;       /* Premium Dark Slate Blue */
  --bg-darker: #060A14;     /* Deep Night Blue */
  --bg-card: rgba(255, 255, 255, 0.04);
  --bg-card-hover: rgba(255, 255, 255, 0.08);
  --border-glass: rgba(255, 255, 255, 0.08);
  --border-glass-hover: rgba(255, 255, 255, 0.18);
  
  /* Text Colors */
  --text-primary: #F0F4F8;   /* Soft Cool White */
  --text-secondary: #94A3B8; /* Muted Blue Grey */
  --text-dark: #0F172A;      /* Dark Slate for Light Contexts if needed */
  
  /* SDG Official Colors */
  --sdg-1: #E5243B;
  --sdg-2: #DDA63A;
  --sdg-3: #4C9F38;
  --sdg-4: #C5192D;
  --sdg-5: #FF3A21;
  --sdg-6: #26BDE2;
  --sdg-7: #FCC30B;
  --sdg-8: #A21942;
  --sdg-9: #FD6925;
  --sdg-10: #DD1367;
  --sdg-11: #FD9D24;
  --sdg-12: #BF8B2E;
  --sdg-13: #3F7E44;
  --sdg-14: #0A97D9;
  --sdg-15: #56C02B;
  --sdg-16: #00689D;
  --sdg-17: #19486A;

  /* Typography */
  --font-ar: 'Cairo', system-ui, -apple-system, sans-serif;
  --font-en: 'Inter', system-ui, -apple-system, sans-serif;
  
  /* Spacing System */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 5rem;
  
  /* Border Radius */
  --radius-sm: 0.375rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-full: 9999px;
  
  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-normal: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  
  /* Shadows & Glows */
  --shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  --shadow-glow-primary: 0 0 20px rgba(10, 151, 217, 0.25);
  
  /* Navigation Depth */
  --z-navbar: 1000;
  --z-mobile-menu: 999;
}